Replace "$"(dollar Sign) with "JQuery"
<p>The 1st snippet wasn't working. However, it start working when replacing all <strong>$</strong>(dollar sign) with <strong>jQuery</strong>(See 2nd snippet). But i don't really understant why? Can anyone explain this to me? Many thanks!</p>

<p><strong>1st Snippet</strong></p>

<pre><code>jQuery.noConflict();
               $(document).ready(function(){    
                    $("#insideTable &gt; tbody &gt; tr:odd").addClass("odd");
                    $("#insideTable &gt; tbody &gt; tr:not(.odd)").hide();
                    $("#insideTable &gt; tbody &gt; tr:odd").show();
                    $("#insideTable &gt; tbody &gt; tr.odd").click(function(){
                        $(this).next().toggle();
                        $(this).find(".arrow").toggleClass("up");
                    });

                });
</code></pre>

<p><strong>2nd Snippet</strong></p>

<pre><code>        jQuery.noConflict();
        jQuery(document).ready(function(){

                jQuery("#insideTable &gt; tbody &gt; tr:odd").addClass("odd");
                jQuery("#insideTable &gt; tbody &gt; tr:not(.odd)").hide();
                jQuery("#insideTable &gt; tbody &gt; tr:odd").show();
                jQuery("#insideTable &gt; tbody &gt; tr.odd").click(function(){
                    jQuery(this).next().toggle();
                    jQuery(this).find(".arrow").toggleClass("up");
                });

            });
</code></pre>
