title: Changing value of the input after append()
body: <p>I have created a template html block with allow me to copy that block when I click on Add button. This is done via <code>append()</code> </p>
  
  <p>How to change the value of <code>name='category[]'</code> input field after it has been appended?</p>
  
  <p>For example:</p>
  
  <pre><code>$('#add').click(function() {
     $('#LinesContainer').append($('#templatePlan').html());
     var getCategory = $("#selectCategory").val();
     // How to put getCategory value into category[] field?
  });
  </code></pre>
  
  <p>Select Category and click on + button</p>
  
  <pre><code>&lt;div&gt;
    &lt;select id="selectCategory"&gt;
        &lt;option value="New"&gt;New&lt;/option&gt;
        &lt;option value="Old"&gt;Old&lt;/option&gt;
    &lt;/select&gt;
    &lt;input value="+" id="add" type="button"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Template Block</p>
  
  <pre><code>&lt;div id="templatePlan" style="display:none;"&gt;
   &lt;div style='padding: 5px; border: 1px solid white; background-color: #FFA86F;'&gt;
    &lt;select name="selectType[]"&gt; 
         &lt;option&gt;Consumer&lt;/option&gt;
         &lt;option&gt;Business&lt;/option&gt;
    &lt;/select&gt;
    &lt;input name='category[]' type='hidden' value='' /&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div id="LinesContainer"&gt; &lt;/div&gt;
  </code></pre>
  
  <p>I am not sure if this is a neat way to implement it, is there alternative better way?</p>