Controlling speed of animation via a selector form
<p>I want to make the speed of an animation selectable. I've written the following code but I cant work out whats stopping it from working. If I remove $("#speed").val(); and replace it with a value, it works fine. 
Any ideas will be greatly received!</p>

<pre><code>&lt;div class="lowerthird"&gt; &lt;/div&gt;

&lt;button onclick="lowerthirdout();"&gt;Lower Third Out&lt;/button&gt;

&lt;select id="speed"&gt;
  &lt;option value="1000"&gt;Fast&lt;/option&gt;
  &lt;option value="2000"&gt;Medium&lt;/option&gt;
  &lt;option value="5000"&gt;Slow&lt;/option&gt;
  &lt;option value="0"&gt;None&lt;/option&gt;
&lt;/select&gt;


function lowerthirdout(){

    var speed = $("#speed").val();

    $(".lowerthird").animate({ 
        left: "640px",
    }, speed );
}
</code></pre>
