adding fadeIn when loading content not working.

adding fadeIn when loading content not working.

Can´t get this to work after all day trying. I wen´t through the documentation but still no luck.
I am trying to load with a fadeIn different html pages into one same div when a menu element is clicked. So far I found this way of doing it here at the forums. It is for the loading part but I can´t figure out a way to add the fadeIn within the same piece of javascript code.

Any help would be appreciated.
Thank you

  1. <ul>
  2.         <li><a href="#" onclick="javascript:$('#content').load('page1.html');">page1</a></li>
  3.      <li><a href="#" onclick="javascript:$('#content').load('page2.html');">page2</a></li>
  4. </ul>