问按钮单击未捕获正确元素的事件

EN

$(document).on("click", ".submit", function(event){
alert($(this).text());

var form_data = {
    FDID: $('.fdid-1').val(),
    CHOICE1: $('.choice-1').val(),
    CHOICE2: $(".choice-2").val()
    };      

$.getJSON("modify.php",form_data,function(data){
    switch(data.retval){
        case 0: $("#status").html("Update successful!");
        break;
        case 1: $("#status").html("Unable to update!");
        break;
        default: $("#description").html("Database error, please try again.");
        break;
        }
});
});

$.each( data, function ( i, val ) {

        ($('<div>')
        .attr({
            'data-role': 'collapsible',
            'data-content-theme': 'c',
            'data-collapsed': 'true',
            'id': 'cResults'
        })
        .html('<h4>' + this.LastName + ', ' + this.FirstName + '</h4>'
        + '<ul data-role="listview" data-filter="true" data-filter-placeholder="Search Choices..." data-inset="true" class="makecollapsibleul">'
        + '<li><form id="productForm" action="modify.php" method="post">'
        + '<label for="fdid-1">FDID:</label>'
        + '<input type="text" name="fdid-1" class="fdid-1" value=' + this.FDID + '>'
        + '</li><li>' 
        + '<label for="text-1">Choice 1:</label>'
        + '<input type="text" name="choice-1" class="choice-1" value=' + this.C1 + '>'
        + '</li><li>' 
        + '<label for="text-2">Choice 2:</label>'
        + '<input type="text" name="choice-2" class="choice-2" value=' + this.C2 + '>'
        + '</li><li>' 
        + 'IP: ' + this.IPADDRESS + '</li><input type="submit" class="submit" value="UPDATE" /></form><li>' 
        + 'Pick Date: ' + this.PICKDATE + '</li>'
        + '</ul>'))
        .appendTo('#primary');

                //$(".title").append('<li>'+orderNum+' -- '+itemNum+'</li>');

        $('#makecollapsible').collapsibleset().trigger('create');
        $.mobile.hidePageLoadingMsg();

 <div data-role="page" id="main">      
    <div data-role="header">         
        <h1>JSON DATA</h1>     
    </div><!-- /header -->      

    <div data-role="content">
    <div id="status"></div>
    <div id="description"></div>
    <ul data-role="listview" id="outer-ul">
        <li>  
        <div data-role="collapsible">
            <h4>Submitted Choices</h4> 
            <ul data-role="listview" data-inset="true" data-filter="true" id="makecollapsible">
                <!-- AJAX CONTENT -->
            </ul>
        </div>
        </li>
    </ul>           
    </div><!-- /content -->      

    <div data-role="footer">              
    </div>

</div><!-- /page -->