spin.js starts but doesnt stop
<p>How can I stop the spin? Something strange happens. Here is the code that doesn't work:</p>

<pre><code> &lt;body&gt;
&lt;div id="spin"&gt;
&lt;/div&gt;
&lt;button type="submit" onclick="spin_stop();" id="stop"&gt;Stop&lt;/button&gt;
&lt;button type="submit" onclick="spin_start();" id="start"&gt;Start&lt;/button&gt;&lt;/p&gt;
&lt;script type="text/javascript"&gt;
    var target = document.getElementById('spin');
    function spin_stop()      {
        spinner.stop();  
    }
    function spin_start()     {
        var spinner = new Spinner(opts).spin(target);
        spinner.spin(target);  
    }
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
