title: Pass dynamic content to bootstrap modal 3.2
body: <p>What i'm trying to do is to pass the data-id value to an external link via JQuery ajax.
  The modal will show up but the data-id attribute is not sending to the external link. I think something is wrong with my Jquery script. But i can't find it.</p>
  
  <p>This is my link:</p>
  
  <pre><code>&lt;a href="javascript:;" data-id="1" onclick="showAjaxModal();" class="btn btn-primary    btn-single btn-sm"&gt;Show Me&lt;/a&gt;
  </code></pre>
  
  <p>This is my Jquery ajax script:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          function showAjaxModal()
          {
              var uid = $(this).data('id');
  
              jQuery('#modal-7').modal('show', {backdrop: 'static'});
  
  
              jQuery.ajax({
                  url: "test-modal.php?id=" + uid,
                  success: function(response)
                  {
                      jQuery('#modal-7 .modal-body').html(response);
                  }
              });
          }
          &lt;/script&gt;
  </code></pre>
  
  <p>This is my code for the modal:</p>
  
  <pre><code>&lt;div class="modal fade" id="modal-7"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
  
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Dynamic Content&lt;/h4&gt;
              &lt;/div&gt;
  
              &lt;div class="modal-body"&gt;
  
                  Content is loading...
  
              &lt;/div&gt;
  
              &lt;div class="modal-footer"&gt;
                  &lt;button type="button" class="btn btn-white" data-dismiss="modal"&gt;Close&lt;/button&gt;
                  &lt;button type="button" class="btn btn-info"&gt;Save changes&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone help me out here?</p>
  
  <hr>
  
  <p>I want to load the content of the page found by test-modal.</p>
  
  <p>The code of test-modal.php is simple, see below:</p>
  
  <pre><code>&lt;?php
  $uid = $_GET['id'];
  echo id: '. $uid;
  ?&gt;
  </code></pre>
  
  <p>I have tried to make a jsfiddle: <a href="http://jsfiddle.net/2dp12ft8/3/">http://jsfiddle.net/2dp12ft8/3/</a> but it's totally not working.
  I have changed the js code but it will still not work.</p>
  
  <p>I see the modal showing up but only the word 'undefined' is showing up and not the content of the external file.</p>