title: jQuery change form ID and submitting the "new" form
body: <p>I have a form that has the ID "addCat" .. i'm using jquery to change the ID into "editCat" and fill the form inputs with pre-existing data, then submit the new form. </p>
  
  <p>aparantly the new ID is updated but the form is not submitted?</p>
  
  <pre><code>$("#addTags").on("submit",function(){
      var dataString = $(this).serialize();;
      $.post("./Scripts/adminDoAddCat.php", dataString, function (data) {
          if (data == "1") {
          $('div.add_result').html("&lt;h3&gt;New Category Added Successfully&lt;/h3&gt;").fadeIn(800);
          }
          if (data == "0") {
          alert("Something went wrong");
          }
      });
      return false;
  });
  $("tbody tr td a.fa-pencil-square").on("click",function(){
      $("form#addTags").attr('id','editTags');
      alert($('form').attr('id')); //this is the way i make sure ID is updated 
  });
      $("#editTags").on("submit",function(){
      var dataString = $(this).serialize();;
      alert(dataString); //making form is recognized but it's not working
      return false;
  });
  </code></pre>