title: why does marquee delay when an ajax response receive
body: <p>I have a marquee which scrolls dynamic data in my web application, which halts a bit starts scrolling again, its like someone stops it and drags again kind of a behavior when other ajax responses receive and update data in html page. Is this a issue with marquee tag?</p>
  
  <pre><code>&lt;marquee scrollamount="1" scrolldelay="10"&gt;
      &lt;span id="HPQ" class="syPrice"&gt;22.20&lt;/span&gt;
      &lt;span id="APQ" class="ayPrice"&gt;12.20&lt;/span&gt;
      &lt;span id="BPQ" class="byPrice"&gt;18.10&lt;/span&gt;
      &lt;span id="CPQ" class="cyPrice"&gt;65.20&lt;/span&gt;
      &lt;span id="DPQ" class="dyPrice"&gt;87.56&lt;/span&gt;
      &lt;span id="EPQ" class="eyPrice"&gt;15.24&lt;/span&gt;
      &lt;span id="FPQ" class="fyPrice"&gt;34.45&lt;/span&gt;
      &lt;span id="GPQ" class="gyPrice"&gt;16.20&lt;/span&gt;
  &lt;/marquee&gt;
  </code></pre>
  
  <p>and my ajax calls responses continuously updates this page as well.</p>
  
  <pre><code>function dataUpdate(){
            $.ajax({
                    type : "GET",
                     url : '../myJsonData.xhtml',
                    dataType : "json",
                    async : true,
                    cache : false,
  
                    success: function(data) {
                       $.each(data, function(i, item) {
                        /* updates data here */
                       });
                    setTimeout('dataUpdate()',1000);
                    },
                    error : function() {
                }
               });
            }   
  </code></pre>
  
  <p>I update the marquee data in similar manner like above ajax call </p>