Image Flickers when reloading on Ajax request. Can it be solved with Jquery?

Image Flickers when reloading on Ajax request. Can it be solved with Jquery?

I have a page that displays graph image which is refreshed every second via ajax call.  The problem I am having is that image flickers every time it refreshes.  I was told that I could solve it with jquery library but I am new to it and have no idea where to start.  Can someone look at my code and let me know if this is a quick fix or point me in the right direction?

Here is my code 
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en-US">
  4. <head profile="http://gmpg.org/xfn/11">
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <title>Tire Change Report</title>
  7. <link rel="stylesheet" href="something.css" type="text/css" media="screen" />
  8. <script src="http://code.jquery.com/jquery-latest.js"></script>
  9. <script type="text/javascript">
  10.  $(document).ready(function() {
  11.      var url = 'graph.php?random='+ Math.random();
  12.      document.getElementById('graph').innerHTML = '<img src="' + url + '" />';
  13.      
  14. var refreshId = setInterval(function() {
  15.      document.getElementById('graph').innerHTML = '<img src="' + url + '" />';
  16.    }, 1000);
  17.    $.ajaxSetup({ cache: false });
  18. });
  19. </script>
  20. </head>
  21. <body>
  22. <div id="graph-title">
  23.    <h1>Current Tire Change Report</h1>
  24.     </div>
  26. <div id="graph"></div>

  28. </body>
  29. </html>