title: chosen with bootstrap 3 not working properly
body: <p>I have this code which triggers a bootstrap modal and load its content via <code>$.load()</code>. the page I'm loading has a select element which I'm calling chosen on.
  Here's the code:</p>
  
  <pre><code>$('.someClick').click(function(e){
     e.preventDefault();
     x.modal('show');
     x.find('.modal-body').load('path/page.html',
  function(response, status, xhr){
  
         if(status =="success")
          $("select[name=elementName]").chosen();
  
      });
  });
  </code></pre>
  
  <p>the results I'm getting is like the following image:</p>
  
  <p><img src="https://i.stack.imgur.com/sJvKm.png" alt="Modal View"></p>
  
  <p>and this is my Html content:</p>
  
  <pre><code> &lt;select name="elementName" data-placeholder="Please work.." class="chosen-select"&gt;
          &lt;option value="test"&gt;Hi&lt;/option&gt;
          &lt;option value="test2"&gt;bye&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>