title: HREF Link ajax post request
body: <p>To make shot, here is my problem. I have a script that sends Form POST request through ajax but my problem is I want to do it in A Href Tag. Below is my code for FORM POST Request:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $( ".searchForm" ).submit(function( event ) {
          event.preventDefault();
  
          var invoiceNo=$(".invoiceNo").val();
          var dataString = 'invoiceNo='+invoiceNo;
  
          $.ajax ({
              type: "POST",
              url: "&lt;?php echo base_url(); ?&gt;/billing/test",
              data: dataString,
              cache: false,
              success: function(html) {
                  $(".particularList_output").html(html);
              } 
          });
  
      });
  });
  &lt;/script&gt;
  
  &lt;form action="/" class="searchForm"&gt;
  &lt;input type="hidden" class="invoiceNo" value="thisIsMyValue"&gt;
  &lt;button id="xSmall" type="submit" class="btn btn-primary"&gt;Add Invoice&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>