title: error code with html jQuery
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/14311787/error-changing-html-content-with-jquery">Error changing html content with jQuery</a>  </p>
  </blockquote>
  
  
  
  <p>What is wrong here? I want replace ul content with other content.</p>
  
  <pre><code>$('#carouselselectitem1').click(function() {
     $('#foo2').html('&lt;li&gt;&lt;div id="lines"&gt;&lt;/div&gt;&lt;div id="tittle"&gt;2 PROGRAMEO, LONDRES&lt;/div&gt;&lt;div id="image"&gt;&lt;/div&gt;&lt;div id="text"&gt;LOREM IPSUM XHTML+CSS3 HTTP://WWW.url.com/&lt;/div&gt;&lt;/li&gt;');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Txyse/" rel="nofollow noreferrer">http://jsfiddle.net/Txyse/</a></p>
  
  <p>My solution so far is:</p>
  
  <pre><code>$('#foo2').load("content1.html");
  </code></pre>
  
  <p>Another solution?</p>