JQuery, regular update of a DIV section
<p>I want to do display time-changing data on a web page. I use the JQuery framework. I use the following code as a test : display a different random number each second. It does not work. Why ? What is a correct, working way ?</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;test&lt;/title&gt;
    &lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          function refreshRandomNumber() {
            var lHtmlBlob = "&lt;p&gt; random = " + Math.random() + "&lt;/p&gt;";
            $('#random_number').html(lHtmlBlob);
          }
        setInterval(refreshRandomNumber(), 1000);
      });
    &lt;/script&gt;
  &lt;/head&gt;

  &lt;body&gt;
    &lt;div id="random_number"&gt;&lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>
