stop auto refresh when clicked on a div
<p>i would Like to stop auto refresh when i click on a specfic div this is how my code looks like at the moment</p>

<p><strong>jquery.js</strong></p>

<pre><code>var documentInterval;
$(document).ready(function(){
  documentInterval setInterval(function(){
      $('#show_here').load('fetch_something.php')
  }, 3000);
});

$('#stop_auto_refresh').click(function(){
  clearInterval(documentInterval);
});
</code></pre>

<p><strong>index.php</strong></p>

<pre><code>&lt;div id="show_here"&gt;&lt;/div&gt;
&lt;div id="stop_auto_refresh" onclick="documentInterval()"&gt;Click To Stop Auto Refresh&lt;/div&gt;
</code></pre>

<p>I would like to stop auto refresh when  click on the <code>id</code> <code>stop_auto_refresh</code>
is this possible ?</p>