title: Button to open a modal with jtable data read from a webservice
body: <p>i have an html page that uses jtable to fetch data from a webservice, lets say that this page is on the url ../hr/test.htm so my page looks like this</p>
  
  <pre><code>      &lt;!DOCTYPE html&gt;
      &lt;html&gt;
     &lt;head&gt;
     &lt;title&gt;&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;        
      &lt;link href="../css/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="../js/jquery.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
      &lt;script src="../js/jquery-ui.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;            
      &lt;link href="../css/jtable-themes/lightcolor/red/jtable.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../css/template.css" rel="stylesheet" type="text/css" /&gt;        
      &lt;script src="../js/jquery.PrintArea.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../js/jquery.ui.datepicker-el.js"&gt;&lt;/script&gt; 
      &lt;script src="../js/jquery.myfunctions.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
      &lt;script src="../js/jquery.jtable.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;       
    $(document).ready(function () {  
    $(document).myfunctions({});
    $(document).myfunctions('initialize');   
    var hrUrl = $(document).myfunctions('hrUrl');
    $('#PersonTableContainer').jtable({
      title: 'Test with Persons',
      actions: {
       listAction: hrUrl + '/getRemainingLeaves'
      },
      fields: {
          leaveCategoryDesc: {
              title: 'Category',
              width: '8.3%'
          },
          leaveRemaining: {
              title: 'Remaining',
              width: '8.3%'
               },
          approvalfrom: {
              title: 'from',
              width: '8.3%'
               },
          approvalto: {
              title: 'to',
              width: '8.3%'
        }
      }
    });
    $('#PersonTableContainer').jtable('load');
   });
   &lt;/script&gt; 
   &lt;/head&gt;
   &lt;body&gt;
   &lt;div id="PersonTableContainer"&gt;&lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>then on a second page i want to have a button image that when the user click on it a modal will populate using jquery <strong>that will show the above page inside the modal</strong>... is this possible?? lets say the image is on ../images/adies.png  how can i d this?? i have tried many different ways with no lack so far.. any help would be really appreciated..</p>
  
  <p>thank you guys...</p>