Untitled

<class_members>
 <student>
   <name>XYZ</name>
   <marks>50</marks>
 </student>
 <student>
  <name>ABC</name>
  <marks>25</marks>
  </student>
  </class_members>

<script>
       $(document).ready(function () {
      $("#Submit").click(function () {
            $.ajax({
               type: "GET",
                      url: "marks.xml",
                        dataType: "xml",
                         success: function (xml) {
                                $(xml).find('student').each(function () {
                                   var Name = $(this).find('name').text();
                                    var Mark = $(this).find('marks').text();
                                    $("#content").append('<li>' + Name + " ," + Mark + '<li>');
                             });

                           }
                        });
                    });
                });
             </script>
        </head>
        <body>
            <form id="From1" method="post">
            <input type="button" value="submit" name="Submit" id="Submit" />
            <div id="content">
            </div>
            </form>

$("#content").append('<li>' + Name + " ," + Mark + '<li>');

$("#content").append("<li><input type='button' class='dyna_btn' value='"+Name+"' /></li>");

$(document).on("click", ".dyna_btn", function() {
    //do something here
    console.log("button clicked");
});