title: Apply noConflict to jQuery load content script
body: <p>Would anyone be able to help me apply a no conflict to my load content script? So far I've tried to add the following to the header:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;var $j = jQuery.noConflict();&lt;/script&gt;
  </code></pre>
  
  <p>I also replaced all instances of '$' with '$j' in the following script but it simply doesn't run anymore when I have made these changes.</p>
  
  <pre><code>$(document).ready(function() {  
  
  
  
  $('#nav li a').click(function(){  
  
  var toLoad = $(this).attr('href')+' #content';  
  $('#content').fadeOut('400',loadContent);  
  $('#load').remove();  
  $('#wrapper').append('&lt;span id="load"&gt;LOADING...&lt;/span&gt;');  
  $('#load').fadeIn('normal');  
  function loadContent() {  
      $('#content').load(toLoad,'',showNewContent()); 
  }  
  function showNewContent() {  
      $('#content').fadeIn('400',hideLoader());  
  }   
  function hideLoader() {  
      $('#load').fadeOut('normal');  
  }  
  
  fleXenv.initByClass("flexcroll"); 
  
  initLytebox();
  
  return false;  
  });     
  });
  </code></pre>
  
  <p>I've read all the jquery documentation on this, but I'm afraid its quite a bit beyond my current jquery level. Any help would be much appreciated, Im at a real low at the moment. </p>
  
  <p>Thanks Mike</p>