Duplicated countdown timer after click event
<p>I have this function:</p>

<pre><code>var secondsRemaining = 45;

function countdown(secondsRemaining) {
var  seconds = secondsRemaining;
if (secondsRemaining &gt; 0) {
 $('.timer &gt; div').html(seconds);
 secondsRemaining--;
} else {
 if (secondsRemaining == 0) {
  // Times up ....
 }
 }
setInterval(function() {
countdown(secondsRemaining);
}, 1000); 
}
</code></pre>

<p>I am running the function in the Document ready function with: </p>

<pre><code> countdown(secondsRemaining);
</code></pre>

<p>and also I run it again after I clicked for answer.
the problem is that I have 2 countdown timer now running simultaneously, new one that start from 45 seconds and the old one that continue from where it was.</p>
