jquery+Ajax is not being able to hide a div.

[eluser]Unknown[/eluser]
I hava a <div name="parentdiv&lt;?php echo base_url();?&gt;$i" id="parentdiv&lt;?php echo base_url();?&gt;$i">
Now within this div I have a &lt;form name="frm" id="frm"&gt;
Inside this form I have a <table> containing information regarding a user and a button of type=button having value="Registered".
The structure is like this:
<div>
&lt;form&gt;
<table>
<tr>
<td>FirstName</td>
<td>LastName</td>
<td>DOB</td>
<td>Phone</td>
<td>Address</td>
<td>Email</td>
<td>Password</td>
<td>
&lt;input type="button" name="sub" id="sub" value="Registered" [color=orange echo base_url();?&gt;','&lt;?php echo $row['Email'];?&gt;')"[/color]/&gt;
</td>
</tr>
</table>
&lt;/form&gt;
</div>
The above function 'UpdateStatus' is defined in an external js file named Ajax.js.
What I want is that on clicking the button a database table will b updated along with the div will be hidden.I am using jquery+ajax for doing this but unfortunately not working.
Since the code is very big I am attaching fles with this post pls help.Why the ajax is not working.In Internet explorer 8 its showing error :'$' is undefined.

[eluser]vickel[/eluser]
maybe this helps: http://stackoverflow.com/questions/33931...-undefined