In jQuery for new elements created by the script cannot execute the resolution of the event handler!

When selecting yes, the new element does not pop up the information input box!

When selecting yes, the new element can already pop up the information input box!

HTML structure:

<td><span id="is_mar431"><input class="is_mar" value="0" id="is_mar431_0" checked="checked" type="radio" name="is_mar431" /> <label for="is_mar431_0">no</label>&nbsp;<input class="is_mar" value="1" id="is_mar431_1" type="radio" name="is_mar431" /> <label for="is_mar431_1"> is </label></span></td>

JS structure (front):

    // Whether it is damaged, select Yes, enter the text box of the damage information
    $("span[id^=is_mar]:radio").change( function() {
        var this_name = $(this).attr("name");
        var input_id =mar_note_+this_name.substring(6);
        if ($("input[name="+this_name+"]:checked").val() == 1) {
            $("#"+this_name+"").after(<span id="j_+input_id+">&nbsp;damage information: <input id="+input_id+" type="text" tabindex="3" name="+input_id+" value="" /></span>);
        } else {
            $("#j_"+input_id+"").remove();
        }
    });

js structure (after):

    // Whether it is damaged, select Yes, enter the text box of the damage information
    $("span[id^=is_mar]:radio").live("change", function() {
        var this_name = $(this).attr("name");
        var input_id =mar_note_+this_name.substring(6);
        if ($("input[name="+this_name+"]:checked").val() == 1) {
            $("#"+this_name+"").after(<span id="j_+input_id+">&nbsp;damage information: <input id="+input_id+" type="text" tabindex="3" name="+input_id+" value="" /></span>);
        } else {
            $("#j_"+input_id+"").remove();
        }
    });

Refer to the URL of live:http://www.w3school.com.cn/jquery/event_live.asp