i can,t show my array in java script why? : i have a simple code in java script.i was going to create code to add some first name ,last name and age  of students from client by click on "Add Student"button.
and show the list of students that just added by click on "Show Students" button.

add action is successfully.
but when i click on "Show Students" button it just shows me a table without any information(First Name,Last Name,Age).

this is my js page:

    var students = new Array();
    var i = 0;
    function AddStudent()
    {
     var patt = /i[a-z]/;
    var Fname = prompt("enter  first name");
    var Lname = prompt("enter last name");
    var Age = prompt("enter age"); 
    var std= {fname : Fname,lname : Lname,age : Age }
    students[i++] =std;
    }
    function ShowStudents()
    {
    var table = "<table style='background-color:greenyellow; border:solid;'>";
    table += "<tr><th>نام</th><th>نام خانوادگی</th><th>سن</th></tr>"
    for( var j=0;j<students.length;j++)
    {                                                      
        table += "<tr>"
        table += "<td>" + students[j].fname +"</td>"
        table += "<td>" + students[j].lname + "</td>"
        table += "<td>" + students[j].age + "</td>"
        table +="</tr>"
    }
    table += "</table>";
    document.getElementById("ShowStudents").innerHTML = table;
    }
and this is my html page:
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    
    <script type="text/javascript" src="JavaScript1.js"></script>
    <title></title>
    </head>
    <body>
    <input type="button" value="Add Student"  onclick="AddStudent();"/>
    <input type="button" value="Show Students"  onclick="ShowStudents();"/>
    <div id="ShowStudents" ></div>
please help me!