title: jQuery Horizontal Stock Ticker with Continuous looping
body: <p>I have following in the html page for the jStockticker.</p>
  
  <pre><code>&lt;div id="ticker" class="stockTicker" style="width: 100%"&gt;
      &lt;span class="quote"&gt;Stock Quotes: &lt;/span&gt;
          &lt;span id="tickerValues-AAPL"&gt;
                &lt;span class="up"&gt; 
                  &lt;span class="quote"&gt;AAPL&lt;/span&gt;
                  462.12
                &lt;/span&gt;
            &lt;span class="down"&gt;
                  &lt;span class="quote"&gt;AAPL&lt;/span&gt;
              232.32
                 &lt;/span&gt;
            &lt;span class="eq"&gt; 
                   &lt;span class="quote"&gt;AAPL&lt;/span&gt;
            451.52
                &lt;/span&gt;
          &lt;/span&gt;
              &lt;span id="tickerValues-GOOG"&gt;
                &lt;span class="up"&gt; 
                  &lt;span class="quote"&gt;GOOG&lt;/span&gt;
                  623.12
                &lt;/span&gt;
            &lt;span class="down"&gt;
                  &lt;span class="quote"&gt;GOOG&lt;/span&gt;
              502.32
                 &lt;/span&gt;
            &lt;span class="eq"&gt; 
                   &lt;span class="quote"&gt;GOOG&lt;/span&gt;
            545.52
                &lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and with jQuery im updating the real time values with ajax</p>
  
  <pre><code>$(document).ready(function() {
    $("#ticker").jStockTicker({interval: 45});
  
  
           var i = setInterval(function ()
                  {
  
                      $.ajax({
                            type : "POST",
                            url : 'http://localhost:8080/Data.xhtml',
                            dataType : "json",
  
                            success: function(data) {   
  
                                      $.each(data, function(i, item) {
  
                                         if(data[i].LastT == "+"){
                      $("span[id*='tickerValues-"+data[i].Symbol+"']").html("&lt;span class=\"up\"&gt;&lt;span class=\"quote\"&gt;"+data[i].Symbol+"&lt;/span&gt; "+data[i].LastTPrice+"&lt;/span&gt;");
                                 }else if(data[i].LastT == "-"){
                              $("span[id*='tickerValues-"+data[i].Symbol+"']").html("&lt;span class=\"down\"&gt;&lt;span class=\"quote\"&gt;"+data[i].Symbol+"&lt;/span&gt; "+data[i].LastTPrice+"&lt;/span&gt;");
                     }else if(data[i].LastT == " "){
                      $("span[id*='tickerValues-"+data[i].Symbol+"']").html("&lt;span class=\"eq\"&gt;&lt;span class=\"quote\"&gt;"+data[i].Symbol+"&lt;/span&gt; "+data[i].LastTPrice+"&lt;/span&gt;");
                     }
                                      }); 
  
                                    $("#ticker").jStockTicker({interval: 45});
  
                                    },
                            error : function() {
                              alert("");
                            }
                          });
                      return false;
                  }, 6000);
  
  }); 
  </code></pre>
  
  <p>The issue is when an update occur the ticker scrolling goes back to the beginning and starts scrolling rather than getting the updated value while scrolling continuously.</p>