title: Output Text Doesn't Show in Correct Format
body: <p>Here is the JavaScript I use to animate slider (fade effect) of the content I read from database:</p>
  
  <pre><code>&lt;script language="javascript"&gt;
  jQuery(document).ready(function ()
  {
      var terms = ["span_1","span_2"];
      var i = 0;
  
      function rotateTerm() {
          jQuery("#text-content").fadeOut(200, function() {
            jQuery(this).text(jQuery('#text-slider .'+terms[i]).html()+i).fadeIn(200);
          });
          jQuery("#title-content").fadeOut(200, function() {
            jQuery(this).text(jQuery('#title-slider .'+terms[i]).html()+i).fadeIn(200);
             i == terms.length - 1 ? i=0 : i++;
          });
      }
      rotateTerm();
      setInterval(rotateTerm, 1000);   
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>And here is the PHP code I use:</p>
  
  <pre><code>&lt;?php
      if (!empty($testLst)) :     
          $num=1; 
          foreach($testLst as $key=&gt;$item):
               $item-&gt;slug = $item-&gt;id;
               $item-&gt;catslug = $item-&gt;catid ;
  
  ?&gt;&lt;div id="hidden-content" style="display:none;"&gt;       
      &lt;div id="title-slider"&gt; 
          &lt;span class="&lt;?php echo 'span_'.$num; ?&gt;"&gt;
              &lt;h4&gt;&lt;a href="&lt;?php echo JRoute::_(ContentHelperRoute::getArticleRoute($item-&gt;id, $item-&gt;catid)); ?&gt;"&gt;
                  &lt;?php echo $item-&gt;title; ?&gt;&lt;/a&gt;
              &lt;/h4&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;div id="text-slider"&gt;
      &lt;span class="&lt;?php echo 'span_'.$num; ?&gt;"&gt;
          &lt;p&gt;
              &lt;?php
                  $concat=array_slice(explode(' ',$item-&gt;introtext),0,20);
                  $concat=implode(' ',$concat);
                  echo $concat."...";
              ?&gt;
          &lt;/p&gt;
      &lt;/span&gt;
  &lt;/div&gt;&lt;/div&gt;
  &lt;a href="&lt;?php echo JRoute::_(ContentHelperRoute::getArticleRoute($item-&gt;id, $item-&gt;catid)); ?&gt;" title="Learn more" class="learnMore"&gt;Learn more &amp;gt;&amp;gt;&lt;/a&gt;&lt;/p&gt;
  &lt;?php
      $num++;
      endforeach;
      endif;
  ?&gt;
  
  &lt;div id="title-content"&gt;
  &lt;/div&gt;
  &lt;div id="text-content"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And <a href="http://jsfiddle.net/A5smV/" rel="nofollow">here is a JSFiddle page</a> reproducing what I would like to do.</p>
  
  <p>My problem is that I am getting data that still has HTML tags, however I would like the output to have my CSS styles.  </p>