Edit in JSFiddle

$(document).ready(function () {
            var data = "<students><student><name>Jhon</name><rollno>59</rollno><percentage>70</percentage></student><student><name>Bob</name><rollno>60</rollno><percentage>78</percentage></student><student><name>VictorG</name><rollno>61</rollno><percentage>80</percentage></students>";
            var tablebody = $("<tbody>");
            for (var i = 0; i < $(data).children().length; i++) {
                var studentsData = $(data).children()[i];
                //Below code gets the children of studentsData
                var student = $(studentsData).children();
                var tr = $("<tr>");
                $(student).each(function () {
                    var td = $("<td>");
                    var s = this.innerHTML;
                    td.append(s);
                    tr.append(td);
                });
                tablebody.append(tr);
            };
            $("#table").append(tablebody);
        });
<table id="table" border="1" cellspacing="0" style="width:auto">
<thead>
<tr>
<th>Name</th>
<th>Rollno</th>
<th>Percentage</th>
</tr>
</thead>
</table>
<br/><p><font size="3"><b>Source for this<a  target="_blank"href="http://jqfaq.com/how-to-parse-an-xml-string-and-retrieve-the-values-from-the-xml-list/"</a> JQFaq Question</b></font></p>

<iframe id="iframe1" src="http://jqfaq.com/AdPage.html" style="width:100%;border:none;" />

              

External resources loaded into this fiddle: