title: Twitter Bootstrap: Reload page does not work when modal is hidden
body: <p>I have a table where the last tag "td" got a call to a modal window. The problem is that only works for first modal window when it is hidden the page reloads, but for the other modal windows reload does not work.</p>
  
  <pre><code>&lt;a class="icon-remove-sign" id="exclusao" href="#modalExclude{{janela.campanha.id}}" data-toggle="modal" title="Excluir"&gt;&lt;/a&gt; 
  // this generate the following urls:
  // http://localhost:8000/display/detail/15/#modalExclude11
  // http://localhost:8000/display/detail/15/#modalExclude12
  // http://localhost:8000/display/detail/15/#modalExclude13
  </code></pre>
  
  <p>The JQuery code:</p>
  
  <pre><code>$(function() {
      $('#exclusao').click(function() {
          var modal = $(this).attr('href');
          console.log(modal); // show the href only for the first row --&gt; #modalExclude11
          // show modal
          $(modal).modal({
              show: false,
          });
          // clean message info in modal
          $('div#messageExclude').html('');
          // reload page when modal is hidden
          $(modal).on('hidden', function() {
              window.location.reload(true) // work only for the first row --&gt; #modalExclude11
          });
  
      });
  });
  </code></pre>
  
  <p>All modals are shown correctly, but only makes the page reload to the first row of the table. Does anyone know what can be?
  Thanks!</p>