title: Every time modal open same file
body: <p>I have a problem. I want my data dynamically view in modal. When I click first modal button its open dynamically  and show data then when I click second button its show same previews data which opens first time. After reload the page when I click second its open dynamically again when I click first button its show second modal data. 
  Its WordPress site.</p>
  
  <pre><code>&lt;a class="book-it-link" href="http://localhost/abc/modal/?id=&lt;?=$row-&gt;id?&gt;" data-toggle="modal" data-target="#myModal"&gt;Book IT&lt;/a&gt;
  
  
          &lt;div class="modal booking-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-body"&gt;
                           &lt;?php
             foreach ($query as $row) 
                  {   
                  //var_dump($row);
                  ?&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;/div&gt;  
                          &lt;div class="row"&gt; 
                              &lt;div class="col-md-12"&gt; 
                                  &lt;div class="booking-modal-form"&gt;
                                      &lt;form action=""&gt;
                                          &lt;div class="form-group"&gt; 
                                              &lt;label&gt;Check-in / Out&lt;/label&gt;
                                              &lt;input type="text" class="form-control datepicker" id="datepicker" name="datefilter" placeholder="Check-in / Out"&gt;
  
                                          &lt;/div&gt;
  
                                          &lt;div class="info-text"&gt;
                                              &lt;?php echo $row-&gt;description ?&gt;
                                          &lt;/div&gt;
  
                                          &lt;div class="book-it-btn"&gt;
                                              &lt;button type="submit" class="btn btn-default"&gt;Apply&lt;/button&gt;
                                          &lt;/div&gt;
                                      &lt;/form&gt;
                                  &lt;/div&gt;   
                              &lt;/div&gt;
                          &lt;/div&gt; 
  
  
                      &lt;?php
                  }
              ?&gt;  
  
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;  
  </code></pre>
  
  <p><strong>Jquery Modal data destroy code:</strong></p>
  
  <pre><code>jQuery('body').on('hidden.bs.modal', '.modal', function () {
          jQuery(this).removeData('bs.modal');
        });
  </code></pre>