title: How to add a delete/remove button per each option item in html select?
body: <p>I need to create or use a library to create a custom HTML <code>&lt;select&gt;</code> to delete each item in the HTML <code>&lt;select&gt;</code>. Something like this:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="volvo"&gt;Volvo&lt;/option&gt; &lt;button&gt;delete&lt;/button&gt;
      &lt;option value="saab"&gt;Saab&lt;/option&gt; &lt;button&gt;delete&lt;/button&gt;
      &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt; &lt;button&gt;delete&lt;/button&gt;
      &lt;option value="audi"&gt;Audi&lt;/option&gt; &lt;button&gt;delete&lt;/button&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I have searched how to do this and for any library that might exist to do this, but I haven't found anything. In iOS exists <a href="http://vivacocoa.jp/app/ios/nota-ios/nota-ios-img/delete-row_en.png" rel="nofollow noreferrer">this</a>.  I need something like that but for HTML.</p>
  
  <p><strong>UPDATE:</strong> Something like this <a href="http://jsfiddle.net/b22ww/2/" rel="nofollow noreferrer">http://jsfiddle.net/b22ww/2/</a></p>