title: Change href on modal event with jQuery
body: <p>I'm trying to change the <code>href</code> of the link in the modal using the <code>id</code> of the clicked link. Though using <code>prop</code> works fine in the  console it doesn't seem to work in my snippet. I don't know what i'm doing wrong...</p>
  
  <p>My link:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;a data-toggle="modal" data-target="#myModal"  id="1" class="btn btn-danger btn-xs"&gt;&lt;i class="fa fa-trash-o"&gt;&lt;/i&gt; Delete &lt;/a&gt;
  </code></pre>
  
  
  
  <p>My script :</p>
  
  <pre class="lang-js prettyprint-override"><code>$('#myModal').on('show.bs.modal', function(e) {
    var $modal = $(this),
    myId ='home.php?menu=15&amp;status=delete&amp;id=' + e.relatedTarget.id;
    $modal.prop('href',myId);
  })
  </code></pre>
  
  
  
  <p>My Modal:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"&gt;
    &lt;div class="modal-dialog" role="document"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;
            &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
          &lt;h4 class="modal-title" id="myModalLabel"&gt;........&lt;/h4&gt;
        &lt;/div&gt;
        &lt;div class="modal-body edit-content"&gt;
          &lt;p&gt;&lt;strong&gt;..........&lt;/strong&gt;&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;a href="home.php?menu=15&amp;status=delete&amp;id=5" id="modalLink" class="btn btn-default" &gt;yes&lt;/a&gt;
          &lt;button type="button" class="btn btn-primary "data-dismiss="modal"&gt;no&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>