title: send parameters to bootstrap modal
body: <p>I have number of links that open bootstrap modal popup:</p>
  
  <pre><code>&lt;a href="itinPage-secManage.view.php" data-act="edit" data-itinID="5" data-secID="15" data-toggle="modal" data-target="#manageSec-model"&gt;Edit 15&lt;/a&gt;
  
  &lt;a href="itinPage-secManage.view.php" data-act="edit" data-itinID="5" data-secID="32" data-toggle="modal" data-target="#manageSec-model"&gt;Edit 32&lt;/a&gt;
  </code></pre>
  
  <p>the problem - when the modal open it should get the link parameters:</p>
  
  <p>data-act="edit" data-itinID="5" data-secID="15"</p>
  
  <p>Well, it's not happening...</p>
  
  <p>The script in the links page is:</p>
  
  <pre><code>&lt;script&gt;
      // send data to modal file
      $('#manageSec-model').on('show.bs.modal', function (e) {
          var button = $(e.relatedTarget);
  
          var act = button.data('act');
          var itinID = button.data('itinid');
          var secID = button.data('secid');
          var date = button.data('date');
  
          var $modal = $(this);
          var info = 'act=' + act + "&amp;itinID=" + itinID + "&amp;secID=" + secID + "&amp;date=" + date;         
      //  alert(info);
  
          $.ajax({
              cache: false,
              type: 'GET',
              url: 'itinPage-secManage.view.php',
              data: info,
              success: function(data) {
                  $modal.find('.modal-body').html(data);
                  setTimeout(function(){ //added this line.
                     setImageUploader()
                  })                  
              }
          });     
      }); 
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Modal:</p>
  
  <pre><code>echo "itinID: ".$_GET['itinID']." secID: ".$_GET['secID'];
  </code></pre>
  
  <p>Result in Modal:</p>
  
  <p>itinID: secID:</p>
  
  <p>itinID: 5 secID: 15</p>
  
  <p>two lines (not sure why...)</p>