title: Exclude hidden element from form submission in html
body: <p>I am attempting to submit a form, however within this form there is a hidden element. This element is essential for the workings of this page and it was created to act as a template for the same element that will be cloned and appended to other parts of the script. </p>
  
  <pre><code>$("#addsmplbtn").click(function() {
          var element = $(".samplesinfo.hidden").clone(true);
          element.removeClass("hidden").insertAfter(".samplesinfo:last");
  </code></pre>
  
  <p>The insert elements of the hidden template is set with the "disabled" attribute, and I am attempting to remove the disabled attr along with the copying of the clones, but not removing the disabled attr from the hidden element.</p>
  
  <pre><code>$("#addsmplbtn").click(function() {
      var element = $(".samplesinfo.hidden").clone(true);
      element.removeClass("hidden").removeAttr("disabled").insertAfter(".samplesinfo:last");
  </code></pre>
  
  <p>I have tried variations of the above example, but no luck. Does anybody have any ideas or alternative solutions. I played around with the idea of placing the template outside the  and appending clones inside it without having to use the disabled option, but the clones never append within the form. </p>
  
  <p>Any help would be much appreciated.</p>