Call Bootstrap Modal that loads another HTML via Javascript
<p>I have this table where, When a user clicks on a row, should open a modal with some information regarding that row.
Since the content of this Modal is on another HTML file within my project, I don't know how to accomplish it.</p>

<p>So far, I can do this for each row:</p>

<pre><code>&lt;tr data-toggle="modal" href="../clients/edit.html" data-id="10238" data-target=".clientEditModal"&gt;
  &lt;td&gt;10238&lt;/td&gt;
  &lt;td&gt;eduardo@pingpong.com&lt;/td&gt;
  &lt;td&gt;14.10.2013&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>I'd like to do something like this via Javascript:</p>

<pre><code>$(".table-clickable").find("tr").dblclick(function(){
  $('.clientEditModal').modal('show'); 
});
</code></pre>

<p>Is there a way to specify an HTML file to load as a model using Javascript <code>modal('show')</code>?</p>