<script type="text/javascript" src="..."></script>
<script type="text/javascript">
    $(document).ready( function(){
    	alert("Hello JQuery World!");
    	Window.console && console.log('Hello JQuery...');
    });
    $(window).resize( function(){
    	Console.log('.resize() called. Width='+$(window).width()+' height='+$(window).height());
    });
</script>

<p id="para">Where is the spinner?
	<img id="spinner" src="…" height="25" style="vertical-align: middle; display:none;">
</p>
<a href="#" onclick="$('#spinner').toggle(); return false;">Toggle</a>
<a href="#" onclick="$('#para').css('background-color', 'red'); return false;">Red</a>
<a href="#" onclick="$('#para').css('background-color', 'green'); return false;">Green</a>