title: curious why <div title=***> becomes oldtitle after I use jQuery .css
body: <p>My working code:</p>
  
  <pre><code>$("#selectResult").append("&lt;div id='"+arr[this.id]+"' class='inline' 
  title='Co. "+arr[this.id]+"'&gt;&lt;/div&gt;");
  
  $("#"+arr[this.id]).css({'background-image' : 'url(./img/coatofarms/'
  +arr[this.id]+'.png)','background-repeat': 'no-repeat','background-position': 
  'bottom'}).qtip(countyCrest);
  </code></pre>
  
  <p>In the first select where I append the div I give the title and when I inspect the element the <code>title</code> is as it should be. 
  Then when I change the .css in the second select for the div, on inspect element title is now <code>oldtitle="Co. Down" title=""</code></p>
  
  <p>What is going on here? </p>
  
  <p>This is the inspect element code</p>
  
  <pre><code>&lt;div id="Antrim" class="inline" style="background-image: 
  url(http://danu2.it.nuigalway.ie/09101916/trazoo/demo_1/img/coatofarms/Antrim.png);
   background-position: 50% 100%; background-repeat: no-repeat no-repeat; " 
  oldtitle="Co. Antrim" title=""&gt;&lt;/div&gt;
  </code></pre>