title: Twitter bootstrap remote modal shows same content every time
body: <p>I am using Twitter bootstrap, I have specified a modal</p>
  <pre><code>&lt;div class=&quot;modal hide&quot; id=&quot;modal-item&quot;&gt;
  
      &lt;div class=&quot;modal-header&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot;&gt;x&lt;/button&gt;
          &lt;h3&gt;Update Item&lt;/h3&gt;
      &lt;/div&gt;
  
      &lt;form action=&quot;http://www.website.example/update&quot; method=&quot;POST&quot; class=&quot;form-horizontal&quot;&gt;
  
      &lt;div class=&quot;modal-body&quot;&gt;
          Loading content...
      &lt;/div&gt;
  
      &lt;div class=&quot;modal-footer&quot;&gt;
          &lt;a href=&quot;#&quot; class=&quot;btn&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/a&gt;
          &lt;button class=&quot;btn btn-primary&quot; type=&quot;submit&quot;&gt;Update Item&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;/form&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p>And the links</p>
  <pre><code>&lt;a href=&quot;http://www.website.example/item/1&quot; data-target=&quot;#modal-item&quot; data-toggle=&quot;modal&quot;&gt;Edit 1&lt;/a&gt;
  &lt;a href=&quot;http://www.website.example/item/2&quot; data-target=&quot;#modal-item&quot; data-toggle=&quot;modal&quot;&gt;Edit 2&lt;/a&gt;
  &lt;a href=&quot;http://www.website.example/item/3&quot; data-target=&quot;#modal-item&quot; data-toggle=&quot;modal&quot;&gt;Edit 2&lt;/a&gt;
  </code></pre>
  <p>When I click on any of these link for the first time, I see the correct content, but when I click on other links it shows the same content loaded for the first time, it doesn't update the content.</p>
  <p>I want it to be updated every time its clicked.</p>
  <p>P.S: I can easily make it work via custom jQuery function, but I want to know if it's possible with native Bootstrap modal remote function, as it should be easy enough and I guess I am just complicating things.</p>