How do I submit form using ajax (jquery) with text anchor? -

i'm trying submit form jquery ajax plugin (jquery.form.js) , text anchor. but, before form submitted, need confirmation user first.

here's javascript:

<script type="text/javascript" src="../scripts/jquery.js"></script> <script type="text/javascript" src="../scripts/jquery.form.js"></script> <script>    function confirmdelete(speciesid, species) {                  var answer = confirm('are sure want delete ' + species + '?');         if (answer == true)         {             var options = {                  target:        '#deletespeciesoutput' + speciesid             };                   $('#deletespeciesform' + speciesid).ajaxform(options);          }         return false;     } </script> 

html in php:

<form id=\"deletespeciesform$speciesid\" action=\"processdeletespecies.php\" method=\"post\">     <input type=\"hidden\" name=\"species\" value=\"" . $species[0] . "\" />             <a href=\"#\" onclick=\"return confirmdelete('deletespeciesform$speciesid', '" . $species[0] . "');\">delete</a> </form> <div id=\"deletespeciesoutput$speciesid\"></div> 

the confirmation dialog shows up, nothing happens after click 'yes'. help.

don't use onclick in html. why when using jquery?

html

<form id="deletespeciesform$speciesid" action="processdeletespecies.php" method="post">   <input type="hidden" name="species" value="species">   <a href="#">delete</a> </form> 

js

$(document).ready(function() {   $('#deletespeciesform$speciesid a').click(function() {     var form = $(this).parent();     var species = $('input[name=species]', form).val();      var answer = confirm('are sure want delete ' + species + '?');     if (answer) {       form.submit();     }      return false;   }); });