title: Bootstrap modal add <a href="yoursite.com"> tag instead of <button> tag. Doesn't work
body: <pre><code>&lt;a href="#" id="1" class="btn btn-danger btn-xs pull-right delete_group" data-toggle="modal" data-target="#group_delete"&gt;Delete&lt;/a&gt; 
  
  &lt;div class="modal fade" id="group_delete" tabindex="-1" role="dialog" aria-hidden="true"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button class="close" data-dismiss="modal"&gt;
                          &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                          &lt;span class="sr-only"&gt;Close&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;h4 class="modal-title"&gt;Delete Group&lt;/h4&gt;
                  &lt;/div&gt;
  
                  &lt;div class="modal-body"&gt;
                      &lt;h3&gt;Are you sure! you want to delete this group?&lt;/h3&gt;
                  &lt;/div&gt;
  
                  &lt;div class="modal-footer"&gt;
                      &lt;button class="btn btn-default" data-dismiss="modal"&gt;Cancel&lt;/button&gt;
                      &lt;a href="#" class="btn btn-primary" data-dismiss="modal" id="btn_delete_group"&gt;Delete&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>app.js file</p>
  
  <pre><code>$(".delete_group").click(function(event) {
      $('#btn_delete_group').prop('href', '/forum/group/' + event.target.id + '/delete');
  });
  </code></pre>
  
  <p>Or just some thing like this.</p>
  
  <pre><code>&lt;a href="http://your_site.dev/forum/group/1/delete" class="btn btn-primary" data-dismiss="modal" id="btn_delete_group"&gt;Delete&lt;/a&gt;
  </code></pre>
  
  <p>When I click this delete button hide the modal but doesn't go to this link.
  I have no idea.</p>