title: Jquery load() inside Datatable
body: <p>I can't figure out why my load function is not getting fired with the following snippet. Till jqueries load everything works I can log datas what I passed to my function </p>
  
  <pre><code>   &lt;script&gt;
      var oTable;
      /* Formating function for row details */
      function fnFormatDetails(nTr)
      {
          var aData = oTable.fnGetData(nTr);
          $(nTr).fadeOut();
          console.log(aData[1]);
          container_id = aData[1];
          var sOut = '&lt;div id="edit_prod_settings_' + aData[1] + '"&gt;&lt;/div&gt;';
  
          return sOut;
      }
  
      $(document).ready(function() {
  
          oTable = $('#feed_products').dataTable({
              "bProcessing": true,
              "bServerSide": true,
              "sAjaxSource": "../admin/?controller=products&amp;action=getTable",
              "aoColumns": [
                  {"sClass": "center", "bSortable": false},
                  null,
                  {sWidth: '20%'},
                  null,
                  null,
                  null,
                  null,
                  {"sClass": "center", "bSortable": false},
                  {"sClass": "center", "bSortable": false, sWidth: '5%'},
                  {"sClass": "center", "bSortable": false}
              ],
              "aaSorting": [[1, 'asc']],
              "fnDrawCallback": function(oSettings)
              {
                  $('button.edit').on('click', function() {
  
                      var nTr = $(this).parents('tr')[0];
                      if (oTable.fnIsOpen(nTr))
                      {
                          /* This row is already open - close it */
                          this.src = "&lt;button class='btn btn-warning btn-xs edit'&gt;&lt;i class='icon-plus'&gt;&lt;/i&gt;&lt;/button&gt;";
                          oTable.fnClose(nTr);
                      }
                      else
                      {
                          /* Open this row */
  
                          this.src = "&lt;button class='btn btn-warning btn-xs edit'&gt;&lt;i class='icon-minus'&gt;&lt;/i&gt;&lt;/button&gt;";
                          //oTable.fnOpen(nTr, fnFormatDetails(nTr), 'details');
                          var openedRow = oTable.fnOpen(nTr, fnFormatDetails(nTr), 'details');
                          console.log(openedRow);
                          $(openedRow).each(function() {
                              console.log(container_id);                        
                              $('#edit_prod_settings_'+ container_id).load('../admin/?controller=products&amp;action=getProdDetails&amp;prod_id=' + container_id);
                          });
                      }
                  });
              }
          });
      });
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Logging</p>
  
  <pre><code>console.log(aData[1]);
          console.log('#edit_prod_settings_'+ aData[1]);
          console.log('../admin/?controller=products&amp;   action=getProdDetails&amp;prod_id=' + aData[1]);
  </code></pre>
  
  <p>Response</p>
  
  <pre><code>1402879831
  #edit_prod_settings_1402879831
  </code></pre>
  
  <p>the last one is not returning any value</p>