title: Modal loading twice
body: <p>I have a problem for load the content of modal from external url with ajax. All work fine, except that my modal is show twice, the first time the modal is empty and i see the loader gif of the ajax call. After, the modal re-load with good informations.</p>
  
  <p>In my view, I have only one modal element :</p>
  
  <pre><code>&lt;div id="TheModal" class="modal fade text-center"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And in a external javascript file, I do this for clear the previous data of the modal, and load new datas :</p>
  
  <pre><code>$(document).on('click', '.ls-modal', function(e)
  {
      e.preventDefault();
      $('.modal-content').html('test');
      $(this).removeData('bs.modal');
      $('#TheModal').find('.modal-content').load($(this).attr('href'));
  });
  </code></pre>
  
  <p>Note that in the first load of my modal (which I want to delete), in the content I can see the word "test"...</p>
  
  <p>Someone have an idea ?</p>
  
  <p>Thank you, and sorry for my bad english !</p>