Hide then FadeIn image once loaded

Hide then FadeIn image once loaded

  1. $('img').hide();
  2. $('img').load(function(){
  3. $(this).fadeIn('slow');
  4. });

Pretty simple.. basically just want to hide images until they are fully loaded, then have them fadeIn once they are loaded. I researched a few of the ways but I wanted to see if having the script this simple would still be an option. Am I running into problems by having it this simple?