javascript to Jquery conversionn
<p>Given an HTML snippet </p>

<pre><code>&lt;img id="progress" src="http://ajaxify.com/run/sum/progress/progress.gif" class="notWaiting"/&gt;
</code></pre>

<p>Traditional JavaScript way, code is working:</p>

<pre><code>function submitWord() {
    // Show progress indicator and clear existing results
    $("progress").classname="waiting";
</code></pre>

<p>But in jquery way this code below doesnt work:</p>

<pre><code>function submitWord() {

 // Show progress indicator and clear existing results
  $("#progress").toggleClass("notWaiting waiting");
</code></pre>

<p>Also, I have tried <code>addClass</code> , and even done something like</p>

<pre><code>$("#progress").removeClass().addClass("waiting");
</code></pre>

<p>just to make sure the default class is removed first but ,ain't helping either.</p>

<p><strong>UPDATE:</strong> here is the JSfiddle version. 
<a href="http://jsfiddle.net/EVbh2/1/" rel="nofollow">http://jsfiddle.net/EVbh2/1/</a></p>

<p><strong>UPDATE 2:</strong><br>
Now the problem above was that i dint refer to JQuery file itself . But still i am facing problems with code . I tried converting all the code into jquery but it aint working . 
here is a new <a href="http://jsfiddle.net/pcXE3/12" rel="nofollow">FIDDLE</a>. </p>
