JavaScript / JQuery variable need to change.. on click. Delete old number add new one
<p>Basically I'm trying to get the random number generated to change to another random number once clicked on a button.  I also cannot figure out how to unselect the form selected I'm trying how to below with jQuery.</p>

<pre><code>var randomNum1 = Math.ceil(Math.random(20)*10000);
var randomNum2 = Math.ceil(Math.random(20)*10000);
var randomNum3 = Math.ceil(Math.random(20)*10000);
var randomNum4 = Math.ceil(Math.random(20)*10000);
$( "#race-again" ).click(function()
    {   
    $( ".one" ).css( { marginLeft: "0" });
    $( ".two" ).css({ marginLeft: "0" });
    $( ".three" ).css( { marginLeft: "0" });
    $( ".four" ).css( { marginLeft: "0" });
    $( "#slide2" ).animate( { marginTop: "0" }, { duration: 1000 });
    $( "#slide3" ).animate( { marginTop: "0" }, { duration: 1000 });
    $( "#slide4" ).animate( { marginTop: "0" }, { duration: 1000 });
    $( "#slide5" ).animate( { marginTop: "0" }, { duration: 1000 });
    $( "#betting-money" ).val("0");
    $( "#results" ).hide("");
    $( "#winner" ).hide("");
    $( "#next-end" ).hide("");
//trying to unselect the form input selection
 $("#race input option:selected").attr("selected", "");    
//new random number generated... which doesn't work
    var randomNum1 = Math.ceil(Math.random(20)*10000);
    var randomNum2 = Math.ceil(Math.random(20)*10000);
    var randomNum3 = Math.ceil(Math.random(20)*10000);
    var randomNum4 = Math.ceil(Math.random(20)*10000);
    }); 
</code></pre>
