Change Background Image in Body Tag and Remain Throughout Site
<p>I'm using jQuery successfully to change the background image of the  tag upon clicking a button. However, the change is not setup to stay upon changing pages. How would I set that up?Here's the code:</p>

<p>HTML:</p>

<p>body class="blue"</p>

<p>jQuery:</p>

<pre><code>$("#triangle").click( function(){ 
    $("body").removeClass('green , pink , red').addClass("green");
    $('li#circle').removeClass('selected');
    $('li#x').removeClass('selected');
    $('li#square').removeClass('selected');
    $('li#triangle').addClass('selected');
});
$("#circle").click( function(){ 
    $("body").removeClass('blue , green , pink').addClass("red");
    $('li#triangle').removeClass('selected');
    $('li#x').removeClass('selected');
    $('li#square').removeClass('selected');
    $('li#circle').addClass('selected');
});

$("#x").click( function(){ 
    $("body").removeClass('red , green , pink').addClass("blue");
    $('li#triangle').removeClass('selected');
    $('li#circle').removeClass('selected');
    $('li#square').removeClass('selected');
    $('li#x').addClass('selected');
});

$("#square").click( function(){ 
    $("body").removeClass('blue , green , red').addClass("pink");
    $('li#triangle').removeClass('selected');
    $('li#circle').removeClass('selected');
    $('li#x').removeClass('selected');
    $('li#square').addClass('selected');
});
</code></pre>
