Delete record from database using button and form

Delete record from database using button and form

I was wondering if someone could look at my code;
I'm trying to use a button for a user to click on each record listing and delete a specific record by clicking a button.
 
Here is my jquery function:
[code]
$("input[name=problemidnumber]").click(function()
  {
  
   var problemid=$(this).val();
   
  
  
  
   $.post(
   'problemListDelete.php',
   {
   problemid:problemid
  
   },
  
   function(response)
   {
   $("#problemListArea").load("patientProblemListPull.php");
   $("#theProblemNumber").val("");
   $("#problemDescription").val("");
   $("#problemDate").val("");
   $("#dateAdded").val("");
   
  
   })
   return false;
 
 
  });



























 
Then here is the html and php to represent the form and the data:
 
while($patientProblemList=mysql_fetch_array($selectPatientProblemList))
 {
?>
<tr><td><?php echo $theProblemNumber['problemListNumber']; ?></td><td><?php echo $problemDescription['problemListItem']; ?></td><td><?php echo $patientProblemList['problemDate']; ?></td><td><?php echo date('F j, Y, g:i a',strtotime($patientProblemList['dateAdded'])); ?></td><td><?php echo $authorFullName;?></td><td><form id="problemIDreference"><input name="problemidnumber" type="text" id="itemID" value="<?php echo $patientProblemList['problemID']; ?>" /><input type="image" src="redXicon.png" id="listItem" /></form></td></tr>
 
 <?php
 }


[/code]
I'm puttting the record ID number to be deleted in a text box for testing purposes; but I originally had it in a hidden input.
 
When I click the button nothing happens.
 
Any help would be great.
 
Thanks,
Shoegirl31