jQuery strange behaviour on radio buttons

At the site

http://offline.raileisure.com/

the 2 custom radio buttons 'Station MAsters House' and 'Carriage' doesn't seem to run the function of jquery when changed.

its something to do with the custom class 'styled'

there should be a simple alert whe开发者_JS百科n changed but it doesn't work.... it does work however if i take out the class='styled'

Thanks

Lee

When you "Style" it, it is no longer an active radio button

<td style="line-height:2em;">
<span class="radio" style="background-position: 0pt -48px;"></span>
<input class="styled" type="radio" value="2" name="property">
Carriage
</td>

It has display=none and is not what you are clicking This works

$(".radio").click(function() {
  $(this).next('input').attr("checked","checked");
});

Demo here

I guess the inputs[a].onchange = Custom.clear; line in custom-elements.js is the trouble maker.

One shot in the blue... can you try

$("input[name='property']").live("change", function(e) {
    alert("change");
});