Simple jQuery conflict
<p>I am (very) new to jQuery so please be gentle but I cannot seem to get the basic script below to work properly.</p>

<p>The immediate class when loaded is .menuFlyout and when it's clicked it changes as needed however the second part to change it back does not work. noConflict() doesn't help.</p>

<p>Thanks in advance for any help.</p>

<hr>

<pre><code>jQuery(document).ready(function() {
    jQuery('.menuFlyout').click(function(){
        jQuery('.menuFlyout').addClass('closeFlyout');
        jQuery('.menuFlyout').removeClass('menuFlyout');
    });
    jQuery('.closeFlyout').click(function(){
        jQuery('.closeFlyout').addClass('menuFlyout');
        jQuery('.closeFlyout').removeClass('closeFlyout');
    });
});
</code></pre>
