Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not defined

<body>
<table id="tbl" style="width:100%">
  <tr>
    <th>id</th>
    <th colspan="2">email</th>
    <th>phonenum</th>
     <th>username</th>
      <th>name</th>
       <th>isActive</th>
        <th>address</th>
          <th>lastlogin</th>
  </tremail  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    
  </tr>
</table>
</body>
<script type="text/javascript">
var rows=[{
id:"0001",
phonenum:"03314845914",
username:"wahajzafar06",
name:"Muhammad wahaj zafar",
isActive:"True",
address:"xyz block abc",
lastlogin:"24/july/2018"
},
{
id:"0002",
phonenum:"03314845914",
username:"wahajzafar",
name:"Wahaj Khan",
isActive:"False",
address:"abc block xyz",
lastlogin:"25/june/2018"
},
{
id:"0003",
email:" Tom@xyz.com",
phonenum:"+41-3314845914",
username:"tommy",
name:"Tom Sheeda",
isActive:"False",
address:"def block tuv",
lastlogin:"6/june/2018"
}
];
    
    $(document).ready(function(tbl){
for (var i = 0; i<rows.length;i++){
html+="<tr>";
html+="<td>"+rows[i].id+"<td>";
html+="<td>"+rows[i].email+"<td>";
html+="<td>"+rows[i].phonenum+"<td>";
html+="<td>"+rows[i].username+"<td>";
html+="<td>"+rows[i].name+"<td>";
html+="<td>"+rows[i].isActive+"<td>";
html+="<td>"+rows[i].address+"<td>";
html+="<td>"+rows[i].lastlogin+"<td>";
html+="</tr>";
}
html+="</table>";
$("div").html(html);
})
</script>