How can I solve this error:
Uncaught TypeError: Object has no method 'appendTo' in the following code :
function refresh(){
$('#contacts').empty();
$( "#contactTmpl" ).tmpl( {contacts:contacts} ).appendTo( "#contacts" );
$( ".contact" ).each( function(i) {
var contact = contacts[i];
$( "input.tomap", this ).link( contact );
});
}
<script type="text/javascript" src="a.js"></script>
<form>
<div id="contacts">Loading ...</div>
<button class="add">New</button>
<button class="save"> Save</button>
</form>
<script id="contactTmpl" type="text/x-jquery-tmpl">
{{each contacts}}
<div class="contact" data-index="${$index}">
<label>First name</label> <input class="tomap" name="firstName" value="${firstName}">
<label>Last name</label> <input class="tomap" name="lastName" value="${lastName}">
<label>Number</label> <input class="tomap" name="phone" value="${phone}">
<div class="tools">
<button class="delete"</button>
</div>
</div>
{{/each}}
</script>
this is the html and javascript code