title: script to call other php page not working
body: <p>need help, button not working, my report generator button which is from my main page is not calling the report.php page, in Chrome, i've checked the network tab under developer tools and im not getting any activity/response when i click the report generator button, below is my main php page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
              $(document).ready(function(){
              $("#RetrieveList").on('click',function() {
                  var xid = $('#XiD').val();
                  var date = $('#Date').val();
                  $.post('retrieve_test.php',{xid:xid, date:date}, function(data){
                  $("#results").html(data);
                  });
                  return false;
              });
  
              $("#DeletefromDB").click(function() {
                  if (confirm("Are you sure you want to delete?"))
                  var id = $('input[name=checkbox]:checked').map(function()
                      {
                          return $(this).val();
                      }).get();
                  $.post('delete_test.php',{id:id}, function(data){
                  $("#result").html(data);
                  });
  
                  return false;
              });                 
              });
  
              $("#Report").on('click',function() {
              var date = $('#Date').val();
                  $.post('report.php',{date:date}, function(data){
                  $("#results").html(data);
                  });
                  return false;
              });
  
      &lt;/script&gt;
  
          &lt;form id="form2" name="form2" method="post" action=""&gt;
  
                &lt;table width="741" border="0" align="center"&gt;
                  &lt;tr&gt;
                    &lt;th colspan="9" align="center" style="font-size:14px" scope="col"&gt;Xid, Name:&lt;span&gt;
                      &lt;select name="XiD" id="XiD"&gt;
  
                        &lt;option value="AAA"&gt;AAA&lt;/option&gt;
                        &lt;option value="BBB"&gt;BBB&lt;/option&gt;
                        &lt;option value="" selected="selected"&gt;Please Select...&lt;/option&gt;
                      &lt;/select&gt;
                    &lt;/span&gt;&lt;span style="font-size:14px"&gt;
                    &lt;label for="date"&gt;Date:&lt;/label&gt;
                    &lt;input type="text" name="Date" id="Date" size="8"/&gt;
                    &lt;/span&gt;&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;th colspan="9" scope="col"&gt;&amp;nbsp;&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;th colspan="9" scope="col"&gt;
                      &lt;div align="center"&gt;
                        &lt;input name="action" type="button" id="RetrieveList" value="Retrieve List" /&gt;
                        &lt;input name="action" type="button" id="DeletefromDB" value="Delete from DB" /&gt;
                        &lt;input name="Clear" type="reset" id="Clear" value="Clear" onClick="window.location.reload()" /&gt;
                    &lt;input name="action" type="button" id="Report" value="Report Generator" /&gt;
                      &lt;/div&gt;
                      &lt;label for="Clear"&gt;&lt;/label&gt;
                      &lt;div align="center"&gt;&lt;/div&gt;&lt;/th&gt;
                  &lt;/tr&gt;
  
                &lt;/table&gt;
                &lt;/form&gt;
              &lt;div id="results"&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>while here is my report.php page code: </p>
  
  <pre><code>&lt;?php
      require 'include/DB_Open.php';
  
      $date = $_POST['date'];
  
      $sql="SELECT trouble_type_priority, category_1, category_2, status, COUNT (*) AS Total 
                 FROM tbl_main 
                 WHERE resolved_date = '$date'
                 GROUP BY trouble_type_priority, category_1, category_2, status";
  
      $myData = mysql_query($sql)or die(mysql_error());
  
      echo "&lt;table width='auto' cellpadding='1px' cellspacing='0px' border=1 align='center'&gt;
      &lt;tr&gt;
          &lt;th colspan='3' align='center'&gt;Ticket Bucket&lt;/th&gt;
          &lt;th colspan='3' align='center'&gt;Status&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th width='auto' align='center'&gt;Severity&lt;/th&gt;
          &lt;th width='auto' align='center'&gt;Category 2&lt;/th&gt;
          &lt;th width='auto' align='center'&gt;Category 3&lt;/th&gt;
          &lt;th width='auto' align='center'&gt;Resolved&lt;/th&gt;
          &lt;th width='auto' align='center'&gt;Re-assigned&lt;/th&gt;
          &lt;th width='auto' align='center'&gt;Grand Total&lt;/th&gt;
      &lt;/tr&gt;";
  
      while($info = mysql_fetch_array($myData)) 
      {
      echo"&lt;tr&gt;"; 
  
      echo  "&lt;td align='center'&gt;" . $info['trouble_type_priority'] . "&lt;/td&gt;"; 
      echo  "&lt;td align='center'&gt;" . $info['category_1'] . "&lt;/td&gt;"; 
      echo  "&lt;td align='center'&gt;" . $info['category_2'] . "&lt;/td&gt;"; 
      echo  "&lt;td align='center'&gt;" . $info['status'] . "&lt;/td&gt;"; 
      echo "&lt;/tr&gt;"; 
      }
      echo "&lt;/table&gt;"; 
  
  
      include 'include/DB_Close.php';
      ?&gt;
  </code></pre>