Need a help with a jquery click count
<p>So far I have got this JavaScript: </p>

<pre><code>$(document).ready(function() {
    $("#flash").click(function() {
        $(this).html('&lt;img src="http://ruh.kz/sites/default/files/ajax-loader.gif" /&gt;');
        $(this).load("http://ruh.kz/sites/all/themes/ruh/sunit.php");
        $('#counter').html(function(i, val) {
            return val * 1 + 1
        });
    });
});
</code></pre>

<p>Accompanying this HTML:</p>

<pre><code>&lt;div id="flash"&gt;
    &lt;img src="http://ruh.kz/sites/default/files/sunit.jpg" /&gt;
&lt;/div&gt;
&lt;div id="counter"&gt;0&lt;/div&gt;
</code></pre>

<p><a href="http://jsfiddle.net/MuG2U/1/" rel="nofollow">(Demo)</a></p>

<ol>
<li><p>One problem is that it resets after the page refreshes... How can I save the count number?</p></li>
<li><p>In <a href="http://jsfiddle.net/MuG2U/1/" rel="nofollow">the example on jsfiddle.net</a>, it works well. On my Drupal page however, it doesn't. When I press on the <code>&lt;div id="flash"&gt;</code> the counter "0" dissapears. What might be the problem here?</p></li>
</ol>
