title: How to copy option element after a specific option value element
body: <p>How can I copy the select option element after a specific option value in JavaScript/jQuery?</p>
  
  <p><strong>Here's my two selects</strong></p>
  
  <p>First select where I want to copy the option below the copy value</p>
  
  <pre><code>&lt;select class="select"&gt;
   &lt;option value="1"&gt;1&lt;/option&gt;
   &lt;option value="2"&gt;2&lt;/option&gt;
   &lt;option value="copy"&gt;Copy below&lt;/option&gt;
   &lt;option value="3"&gt;3&lt;/option&gt;
   &lt;option value="4"&gt;4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Second select where I want to append what I copy on first element</p>
  
  <pre><code>&lt;select class="select"&gt;
   &lt;option value="1"&gt;1&lt;/option&gt;
   &lt;option value="2"&gt;2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>