title: jQuery's attr() function breaks html with html special characters?
body: <p>Please take a look at the following code:</p>
  
  <p><a href="http://jsfiddle.net/htdTg/2/">http://jsfiddle.net/htdTg/2/</a></p>
  
  <p>In the first link there is a title attribute containing the html special character <code>&amp;lt;</code> followed by "!" (it doesn't matter which character it is followed by actually).
  When we take the value of that title attribute with jQuery's attr() function the html is broken (you can see that there is no "&lt;" character printed as long as the following text is also missing.</p>
  
  <p>In the second link the only difference is that I have added a space after <code>&amp;lt;</code> and now it works as expected.</p>
  
  <p>Do you think it's a bug in jQuery or I just don't understand something?</p>
  
  <p>PS. If you think I'm doing something strange - it's just some piece of code from some tooltip plugin.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#" title="&lt;div style='color:red'&gt;This is the less than sign: &amp;lt;! Now you know it?&lt;/div&gt;"&gt;This is a link&lt;/a&gt;&lt;br&gt;
  &lt;a href="#" title="&lt;div style='color:red'&gt;This is the less than sign: &amp;lt; ! Now you know it?&lt;/div&gt;"&gt;This is a link&lt;/a&gt;&lt;br&gt;​
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$('a').each(function() {
      $('body').append($(this).attr('title')); });
  
  // just to exclude that it's append() function's fault :)
  $('body').append("&lt;div style='color:red'&gt;This is the less than sign: &amp;lt;! Now you know it?&lt;/div&gt;");​
  </code></pre>