use jquery inside data returnd by ajax using " innerHtml"
<p>I want to use jquery inside data returned by ajax using " innerHtml" ..
look here ,</p>

<pre><code>&lt;a href=\"#\"
onclick=\"$.post('". $url ."', {'t' : 't'}, function(data){
        $('content_rows').attr('innerHTML',data);}); " . $this-&gt;js_rebind .";return false;\"&gt;"
 $text .'&lt;/a&gt;';
</code></pre>

<p>this link makes moving between the pages by ajax "by reloading the div that contains the data" ,
without - of course -  reloading whole page .
like this :</p>

<pre><code>&lt;div id="content_rows"&gt;
rows from mysql database
&lt;/div&gt;
</code></pre>

<p>now everything is Ok , but ,
I use " detailsRow Plugin "  like this :</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
 $('#rows').detailsRow('admin/blog/detailsRow',{
   data:{"id":"id"} ,
       dataType: "script"
      });
});
&lt;/script&gt;
</code></pre>

<p>this plugin makes every TR/Row in the table get more details by click (+-) .. go there :
<a href="http://webworkflow.co.uk/plugins/detailsRow/" rel="nofollow">http://webworkflow.co.uk/plugins/detailsRow/</a></p>

<p>now this plugin works fine in the first page ( before reload the div by jquery )
but after reloading the div and in the other pages or also when I go back to the first page
it doesn't work ..
I put the code inside content_rows div like this :</p>

<pre><code>&lt;div id="content_rows"&gt;
    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
     $('#rows').detailsRow('admin/blog/detailsRow',{
       data:{"id":"id"} ,
           dataType: "script"
          });
    });
    &lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p>but also doesn't work ..</p>
