title: Multiple variables into option value
body: <p>I have a simple form with some options in it which are disabled and greyed out by default. </p>
  
  <pre><code>&lt;select name="template" id="template" size="1" &gt;
      &lt;option disabled selected value="1" name="1" id="1" class="bold-option"&gt;Mango&lt;/option&gt;
      &lt;option class="select1"&gt;&lt;/option&gt;
      &lt;option disabled selected value="2" class="bold-option" &gt;Apple&lt;/option&gt;
      &lt;option disabled selected value="3" class="bold-option"&gt;Pineapple&lt;/option&gt;
      &lt;option disabled selected value="4" class="bold-option"&gt;Brocolli&lt;/option&gt;
      &lt;option disabled selected value="5" class="bold-option"&gt;Peach&lt;/option&gt;
      &lt;option disabled selected value="6" class="bold-option"&gt;Strawberry&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The idea behind it is that i want multiple variables which are defined by JQuery are getting imported into the select1 option for example, so the items that are linked to Select1 are listed below Mango.</p>
  
  <p>I've made a var :</p>
  
  <pre><code>var issueTemplates = [ 
    {'subject': 'This is a mango'}
  ];
  </code></pre>
  
  <p>Now i want to add this variable into the Option value beneath (or linked) to the Mango option within the select.  I've looked into the append function but i cant seem to figure out how to get this straight.</p>
  
  <p>I've made a select request in jquery which adds the subject in the dropdown form. But i want to have it beneath the Mango option.. </p>
  
  <p>This is de code</p>
  
  <pre><code>issueTemplates.forEach(function(item, idx) {       
   $("select[id='template']").append('&lt;option value="' + idx + '"&gt;' + item.subject + '&lt;/option&gt;');        
  </code></pre>