jQuery dynamic image loading
**I try to load an image when I type a reference in an input. <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(document).ready(function () { $('#id').focus(); $('#id').keyup(function () { $('#img').html('<img src="http://www.site.com/' + $(this).val() + '.jpg" width="200px">'); $('#img').hide().fadeIn('slow'); }); }); </script> </head> <body> <input type="text" size="7" maxlength="7" id="id"> <div id="img"></div> </body> </html> The fadeIn() doesn't work, except if the image is already in cache. How can I have a