title: Multiple DataTables on the same page with different ajax sources
body: <p>I have several tables on a single page using <a href="http://datatables.net" rel="noreferrer">dataTables</a>.  Each needs to have it's own 'sAjaxSource'.  I can't seem to figure out exactly how to do this.  Here's the minimal code I have:</p>
  
  <pre><code>         var oTable = $('.datatable').dataTable( {
                  "bProcessing": true,
                  "sAjaxSource": "/ajax/function",
                  "bSort": false,
                  "fnDrawCallback": function() {
                         //some click events initilized here
                   }
              });
  </code></pre>
  
  <p>This is basically the bare bone setup.  Each table as the datatable class and a unique ID.  But not sure how to change the AjaxSource, based on a specific table.</p>
  
  <p>Thank you!</p>
  
  <p>EDIT: </p>
  
  <p>Here's what I ended up doing:</p>
  
  <pre><code>        $('.datatable').each(function(index){
  
               $('#'+$(this).attr('id')).dataTable( {
                  "bProcessing": true,
                  "sAjaxSource": $(this).children('caption').html(),
                  "bSort": false,
                  "fnDrawCallback": function() {
                   }
              });
          });
  </code></pre>
  
  <p>Inside the table I put a caption tag that is hidden by css and contains the Ajax Source URL.  It iterates through each instance and grabs the url.  </p>
  
  <p>This seems to be working so far!</p>