title: Need two marquees, but they keep cloning
body: <p>I'm very new to jQuery and apologize in advance if the answer is, as I suspect, very simple. </p>
  
  <p>I've been trying to get two marquees to run, one under the other. However, they keep cloning and so I end up with four. How can I solve this issue? </p>
  
  <p>My html document looks like this: </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.marquee.js"&gt;&lt;/script&gt;
  &lt;script&gt;
          $(function(){
              $('.marquee').marquee({
                  //speed in milliseconds of the marquee
                  speed: 350000,
                  //gap in pixels between the tickers
                  gap: 50,
                  //gap in pixels between the tickers
                  delayBeforeStart: 0,
                  //'left' or 'right'
                  direction: 'left'
              });
          }); 
  &lt;/script&gt;
  &lt;style type="text/css"&gt;
          body {
            font-family:Verdana, Geneva, sans-serif;
            color: #FFF;
            background-color: #333;
          }
  
          .marquee {
  margin-top: 150px;
  width: 1580px;
  overflow: hidden;
  border:0px;
  line-height:300px;
  font-size:64pt;
  vertical-align: top;
  position: absolute;
  left: 11px;
          }
  
          .marquee p {    
          margin-top: 10px;
          line-height:100px;
          }
  
          price {
              font-size:54pt; 
              color: #CCC;
              vertical-align: baseline;
              font-size: 54pt;
              position: relative;
              bottom: -50pt;
          }
  &lt;/style&gt;
  &lt;title&gt;  &lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class='marquee'&gt;
  
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  
  AAPL&lt;price&gt;586.92 &lt;img src="down.png"&gt; -9.62&lt;/price&gt; 
  GOOG&lt;price&gt;690.00 &lt;img src="up.png"&gt; +2.41&lt;/price&gt; 
  IBM&lt;price&gt;195.3375 &lt;img src="down.png"&gt; -1.81&lt;/price&gt; 
  MSFT&lt;price&gt;29.695 &lt;img src="up.png"&gt; +0.18&lt;/price&gt; 
  AMZN&lt;price&gt;234.60 &lt;img src="up.png"&gt; +2.46&lt;/price&gt; 
  PM&lt;price&gt;87.67 &lt;img src="up.png"&gt; +0.08&lt;/price&gt; 
  QCOM&lt;price&gt;59.67 &lt;img src="down.png"&gt; -0.06&lt;/price&gt; 
  SLB&lt;price&gt;69.25 &lt;img src="down.png"&gt; -0.90&lt;/price&gt; 
  ORCL&lt;price&gt;31.50 &lt;img src="up.png"&gt; +0.02&lt;/price&gt; 
  KO&lt;price&gt;37.3067 &lt;img src="down.png"&gt; -0.02&lt;/price&gt; 
  XOM&lt;price&gt;90.56 &lt;img src="down.png"&gt; -1.02&lt;/price&gt; 
  PFE&lt;price&gt;24.82 &lt;img src="up.png"&gt; +0.27&lt;/price&gt; 
  GE&lt;price&gt;21.4799 &lt;img src="up.png"&gt; +0.14&lt;/price&gt; 
  CVX&lt;price&gt;108.66 &lt;img src="down.png"&gt; -2.80&lt;/price&gt; 
  
  &lt;p&gt;
  
  FITB&lt;price&gt;14.45 &lt;img src="down.png"&gt; -0.11&lt;/price&gt; 
  DFS&lt;price&gt;41.35 &lt;img src="up.png"&gt; +0.03&lt;/price&gt; 
  EIX&lt;price&gt;47.02 &lt;img src="up.png"&gt; +0.31&lt;/price&gt; 
  GRA&lt;price&gt;66.09 &lt;img src="up.png"&gt; +0.28&lt;/price&gt; 
  M&lt;price&gt;40.95 &lt;img src="up.png"&gt; +0.43&lt;/price&gt; 
  AON&lt;price&gt;55.18 &lt;img src="up.png"&gt; +0.38&lt;/price&gt; 
  BXP&lt;price&gt;107.16 &lt;img src="up.png"&gt; +0.70&lt;/price&gt; 
  CNP&lt;price&gt;21.69 &lt;img src="down.png"&gt; -0.05&lt;/price&gt; 
  NBL&lt;price&gt;95.07 &lt;img src="down.png"&gt; -0.33&lt;/price&gt; 
  APC&lt;price&gt;70.68 &lt;img src="up.png"&gt; +0.34&lt;/price&gt; 
  AYI&lt;price&gt;64.69 &lt;img src="down.png"&gt; -1.40&lt;/price&gt; 
  &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The jQuery marquee script I'm referring to above (jquery.marquee.js) is Aamir Afridi's, see below: </p>
  
  <pre><code>/**
   * jQuery.marquee - scrolling text horizontally
   * Date: 11/01/2013
   * @author Aamir Afridi - aamirafridi(at)gmail(dot)com | http://www.aamirafridi.com
   * @version 1.0
   */
  
  ;(function($) {
  $.fn.marquee = function(options) {
      return this.each(function() {
          // Extend the options if any provided
          var o = $.extend({}, $.fn.marquee.defaults, options),
              $this = $(this),
              $marqueeWrapper,
              elWidth;
  
          //check if element has data attributes. They have top priority
          o = $.extend({}, o, $this.data());
  
          //wrap inner content into a div
          $this.wrapInner('&lt;div class="js-marquee"&gt;&lt;/div&gt;');
  
          //Make copy of the element
          $this.find('.js-marquee').css({
              'margin-right': o.gap, 
              'float':'left'
          }).clone().appendTo($this);
  
          //wrap both inner elements into one div
          $this.wrapInner('&lt;div style="width:100000px" class="js-marquee-wrapper"&gt;&lt;/div&gt;');
  
          //Save the width of the each element so we can use it in animation
          elWidth = $this.find('.js-marquee:first').width() + o.gap;
  
          //Save the reference of the wrapper
          $marqueeWrapper = $this.find('.js-marquee-wrapper');
  
          //Animate recursive method
          var animate = function() {
              //Move to zero possition
              $marqueeWrapper.css('margin-left', o.direction == 'left' ? 0 : '-' + elWidth + 'px');
              //Start animating to wards left
              $marqueeWrapper.animate({
                      'margin-left': o.direction == 'left' ? '-' + elWidth + 'px' : 0
                  },
                  o.speed, 'linear',
                  animate
              );
          };
  
          //Starts the recursive method
          setTimeout(animate, o.delayBeforeStart);
  
      });
  };//End of Plugin
  
  // Public: plugin defaults options
  $.fn.marquee.defaults = {
      //speed in milliseconds of the marquee
      speed: 10000,
      //gap in pixels between the tickers
      gap: 20,
      //gap in pixels between the tickers
      delayBeforeStart: 1000,
      //'left' or 'right'
      direction: 'left'
  };
  })(jQuery);
  </code></pre>
  
  <p>You can see it in action <a href="http://lilyjen.com/investors/exhibition-ticker/index.html" rel="nofollow">here</a>. </p>
  
  <p>Thanks so much again. </p>