<div class="example">

<span id="expspan" class="examplespan"></span>

$('#expspan').addClass('blue')

  <a href="Javascript:$('#expspan').toggleClass('blue');">Try It!</a>

</div>

The jQuery code is carried out and then the page reloads with only

[object Object]

on it.

This link

<a href="Javascript:turnItBlue()">Try It!</a>

calling this function

function turnItBlue()

{

$('#expspan').addClass('blue')

}

with exactly the same jQuery command works as perfectly as expected.