title: JQM (jQueryMobile) Dynamically removing elements
body: <p>This is part 2 of <a href="https://stackoverflow.com/questions/5249250/jqm-jquerymobile-dynamically-added-elements-not-displaying-correctly-and-css-is">this question</a> (ok maybe part 3)</p>
  
  <p>Here is a working example: <a href="http://jsfiddle.net/UcrD8/63/" rel="nofollow noreferrer">http://jsfiddle.net/UcrD8/63/</a>
  Here is a earlier attempt and as you can see this works when selecting the first option: <a href="http://jsfiddle.net/UcrD8/4/" rel="nofollow noreferrer">http://jsfiddle.net/UcrD8/4/</a>
  But using JQM it uses this as a label for the options and it is not selectable</p>
  
  <p>The functionality to add a new select option is working but if I wanted to remove a selected option, this is not working. </p>
  
  <p>UPDATE:</p>
  
  <p>I did notice that the select element is being removed but jQM's added syntax is still displaying:</p>
  
  <pre><code>&lt;div class="ui-select"&gt;
      &lt;div data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-down-c ui-btn-up-c"&gt;
          &lt;span class="ui-btn-inner ui-btn-corner-all"&gt;
              &lt;span class="ui-btn-text"&gt;Remove Selected Option&lt;/span&gt;
              &lt;span class="ui-icon ui-icon-arrow-d ui-icon-shadow"&gt;
              &lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Need to remove this as well</p>