title: Displaying Jquery data in html element
body: <p>This takes the text from a text file and displays it, refreshing every five seconds. I'd like the text to scroll across the screen announcement banner style. The marquee is just a placeholder, how do I go about doing this? </p>
  
  <pre><code>   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  
  &lt;title&gt;Raffle Winers&lt;/title&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery.marquee.js"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;
              body {
            margin: 10px;
            font-family: 'Lato', sans-serif;
          }
          small {
              font-size: 14px;
          }
          h1 {
              margin-bottom: 20px;
              padding-bottom: 10px;
              text-align: center;
          }
  
          h2 {
              border-bottom: 1px dotted #ccc;
              padding-bottom: 5px;
              margin-bottom: 10px;
          }
  
          .marquee, .marquee-with-options {
            width: 300px;
            overflow: hidden;
            border:1px solid #ccc;
          }
      &lt;/style&gt;
      &lt;script&gt;
          $(function(){
              var $mwo = $('.marquee-with-options');
              $('.marquee').marquee();
              $('.marquee-with-options').marquee({
                  //speed in milliseconds of the marquee
                  speed: 5000,
                  //gap in pixels between the tickers
                  gap: 50,
                  //gap in pixels between the tickers
                  delayBeforeStart: 0,
                  //'left' or 'right'
                  direction: 'left',
                  //true or false - should the marquee be duplicated to show an effect of continues flow
                  duplicated: true,
                  //on hover pause the marquee - using jQuery plugin https://github.com/tobia/Pause
                  pauseOnHover: true
              });
  
              //pause and resume links
              $('.pause').click(function(e){
                  e.preventDefault();
                  $mwo.trigger('pause');
              });
              $('.resume').click(function(e){
                  e.preventDefault();
                  $mwo.trigger('resume');
              });
              //toggle
              $('.toggle').hover(function(e){
                  $mwo.trigger('pause');
              },function(){
                  $mwo.trigger('resume');
              })
              .click(function(e){
                  e.preventDefault();
              })
          });
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;script type="text/javascript"&gt;
          setInterval(read,100);
      function read(){
      jQuery.get('rafflewinners.txt',function(data){$('#container').html(data);});
  }
  &lt;/script&gt;
  
  &lt;div id="container"&gt;&lt;/div&gt;
  
  
  &lt;div id="container" data-speed="2000" data-gap="30" data-direction="right" class='marquee'&gt;#container&lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>