title: Getting jquery.js Error: No such template '_resetPasswordDialog' error when I try to use bootstrap modal in my meteor app
body: <p>I'm trying to load the content of internal url into the bootstrap modal when the user clicks the button. However, when I click the button I get the error mentioned on the title of question. </p>
  
  <p>Here is my code : </p>
  
  <pre><code>&lt;template name="flowchart"&gt;
      &lt;div class='container-fluid'&gt;
          {{#if currentUser}}
          &lt;div class="row-fluid"&gt;
              &lt;div class="span8"&gt;
                  &lt;h3&gt;Flowchart Editor&lt;/h3&gt;
                  &lt;div id="flowchart"&gt;
                      &lt;a href="#myModal" role="button" class="btn" data-toggle="modal" data-remote="http://localhost:3000/"&gt;Launch demo modal&lt;/a&gt;
                      &lt;!-- &lt;button type="button" class="btn" data-toggle="modal" data-target="#myModal" data-remote="http://localhost:3000/"&gt;Launch modal&lt;/button&gt; --&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
              &lt;div class="span4"&gt;
              &lt;/div&gt;
              &lt;button type="button" class="btn" data-toggle="modal" data-target="#myModal" data-remote="http://example.com"&gt;Launch modal&lt;/button&gt;
  
              &lt;div id="myModal" class="modal hide fade"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt; × &lt;/button&gt;
                      &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;!-- remote content will be inserted here via jQuery load() --&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
  
          &lt;/div&gt;
          {{else}}
          &lt;div class="row-fluid" style="text-align:center;margin-top: 80px;"&gt;
              &lt;h3&gt;The flowchart is only available to logged in users.&lt;/h3&gt;
              &lt;p class="lead"&gt;If you just want to try out the flowchart, you can use the Demo Account:&lt;/p&gt;
              &lt;p class="lead"&gt;User: demo, Password: demo&lt;/p&gt;
          &lt;/div&gt;
          {{/if}}
      &lt;/div&gt;
  
  &lt;/template&gt;
  </code></pre>
  
  <p>As a result, I'm unable to show the content of internal url, what should I do in order to fix this problem?</p>
  
  <p><strong>Edit</strong></p>
  
  <p>When I remove the <code>data-remote</code> attribute from the button, everything works fine but that is not what I want to do it. By the way, I'm using bootstrap 2.3.2 and jquery 1.8.2</p>