title: Select on change inside bootstrap popover does not fire
body: <p>I have a select that I need to place inside the bootstrap popover </p>
  
  <p><a href="http://jsfiddle.net/BcczZ/155/" rel="nofollow">http://jsfiddle.net/BcczZ/155/</a></p>
  
  <pre><code>&lt;div class="settings" data-toggle="popover" data-mysettings="#someid" data-original-title="A Title"&gt; 
     &lt;i class="fa fa-bars"&gt;&lt;/i&gt;
  &lt;/div&gt;
  &lt;div id="someid" style="display: none"&gt;
      &lt;select id='list'&gt;
          &lt;option value='1'&gt;First&lt;/option&gt;
          &lt;option value='2'&gt;Second&lt;/option&gt;
          &lt;option value='3'&gt;Third&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  
  
  
  &lt;span id="result" /&gt;
  </code></pre>
  
  <p>and on change i need to get the values ,  but seems like on.('change'...  does not fire once the element is cloned. Not sure if this is select id issue.  </p>
  
  <p>Here is same script with select outside the popover and works fine </p>
  
  <p><a href="http://jsfiddle.net/BcczZ/156/" rel="nofollow">http://jsfiddle.net/BcczZ/156/</a></p>
  
  <p>what am I missing?</p>
  
  <p>Any help is appreciated. thank you!</p>