setInterval and function
<p>I have written this simple function:</p>

<p>HTML:</p>

<pre><code>&lt;div class="mhead"&gt;
 &lt;div class="mTop"&gt; 
   &lt;a class="headline" title="" href=""&gt; 
     &lt;img alt="" src=""&gt; 
     &lt;span&gt; &lt;/span&gt; 
   &lt;/a&gt; 
 &lt;/div&gt;
&lt;div class="tNav"&gt;
 &lt;ul id="topt" class="tUl"&gt;
  &lt;li title="http://www.site.com/761028497.jpg"&gt; &lt;a title="" href=""&gt;1&lt;/a&gt; &lt;/li&gt;
  &lt;li title="http://www.site.com/761028497.jpg"&gt; &lt;a title="" href=""&gt;2&lt;/a&gt; &lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>Function:</p>

<pre><code>$.fn.inters = function (target) {
    this.find('li').hover(function () {
    var head = $(this).find('a').attr('title');
    var image = $(this).attr('title');
    var href = $(this).find('a').attr('href');
    $(target).find('img').attr('src', image);
    $(target).find('img').attr('alt', head);
    $(target).attr('href', href);
    $(target).attr('title', head);
    $(target).find('span').html(head);
}).eq(0).hover();}

$("#topt").inters('.headline');
</code></pre>

<p>I want to add <code>setInterval</code> to this script:</p>

<pre><code>$(function() {
setInterval( "inters()", 3000 );
 });
</code></pre>

<p>But the headline items doesnt change. How can I make change in <code>inters</code> function every 3000 ms?</p>

<p>Thanks in advance</p>
