title: Get attribute of a class/id and append to text using jQuery
body: <p>I am using Twitter Bootstrap for my current project.<br>
  I have a tooltip in which I show the text in the title.<br>
  For mobiles I want to append the title with the text. I am able to detect the device using viewport-width</p>
  
  <p>I have added my current code in jsfiddle --> <a href="http://jsfiddle.net/VenomVendor/FUCkA/2/" rel="nofollow">http://jsfiddle.net/VenomVendor/FUCkA/2/</a> <br>*Note :  I am not responsible for that dynamically generated URL <em>F****</em>  <br><br>
  <strong>Example :</strong> </p>
  
  <h1>For PCs</h1>
  
  <pre><code>&lt;span class="vee-tooltip-right" title="Asynchronous JavaScript and XML"&gt;AJAX&lt;/span&gt;
  &lt;br&gt;
  &lt;span class="vee-tooltip-top" title="JavaScript Object Notation"&gt;JSON&lt;/span&gt;
  &lt;br&gt;
  &lt;span class="vee-tooltip-left" title="Cascading Style Sheets"&gt;CSS&lt;/span&gt;
  </code></pre>
  
  <p><br></p>
  
  <h1>For Mobiles - to be done</h1>
  
  <pre><code>&lt;span class="vee-tooltip-right" title=""&gt;AJAX - Asynchronous JavaScript and XML&lt;/span&gt;
  &lt;br&gt;
  &lt;span class="vee-tooltip-top" title=""&gt;JSON - JavaScript Object Notation&lt;/span&gt;
  &lt;br&gt;
  &lt;span class="vee-tooltip-left" title=""&gt;CSS - Cascading Style Sheets&lt;/span&gt;
  </code></pre>
  
  <p><br>
  I have managed to get the string in the title using <a href="http://api.jquery.com/attr/" rel="nofollow">attr()</a> &amp; number of classes using <a href="http://api.jquery.com/length/" rel="nofollow">count</a>.</p>
  
  <p>Since I have different class names I have used common selector <code>"span[class*='vee-tooltip-']"</code></p>
  
  <p><strong>I am struck with dynamically fetching the <code>title</code> attribute and appending to the same Parent.</strong></p>