title: Bootstrap select destroy removes the original select from DOM
body: <p>I am currently using the <a href="http://silviomoreto.github.io/bootstrap-select/">Bootstrap select</a> plugin in one of my projects.
  I have a dynamically generated table that has select elements which I then convert to bootstrap select using the command:</p>
  
  <pre><code>_tr.find('select.selectpicker').selectpicker({ size: 10 });
  </code></pre>
  
  <p>Where <code>_tr</code> is the row where I added the select elements. This is working fine, the bootstrap select is shown and in firebug I still see the original select element.</p>
  
  <p>Now every row has a button where it removes ( destroy ) the bootstrap select.
  But it removes also the original select, and thats the poblem because I still need the original select to do something else.</p>
  
  <p>I use the following command to destroy:</p>
  
  <pre><code> $('select#begin' + _week + _day).selectpicker("destroy");
   $('select#end' + _week + _day).selectpicker("destroy");
   $('select#pause' + _week + _day).selectpicker("destroy");
  </code></pre>
  
  <p>In other plugins if you use destroy, it shows the original element again. Is this an issue in the boostrap select plugin or is there another way to remove the bootstrap select and reshow the original select.</p>