title: .addClass() not working
body: <p>This is my first time working with <code>.addClass()</code>. <br>
  In my project, I need to display notifications on a dummy phone screen (an image of iPhone). A notification has a <code>title</code> and some <code>description</code>. This <code>title</code> and <code>description</code> is coming from a form on the same <code>webpage</code>. To compose this notification, I am doing:</p>
  
  <pre><code>var notificationText = $('#title').val().addClass('title') + plainText.addClass("description");
  </code></pre>
  
  <p>However, I am getting an error:</p>
  
  <pre><code>TypeError: $(...).val(...).addClass is not a function
  </code></pre>
  
  <p>What am I doing wrong here?</p>
  
  <p><strong>UPDATE:</strong>
  So, as per the overwhelming requests, I did:</p>
  
  <pre><code>var notificationText = $('#title').addClass('title').val() + plainText.addClass("description");
  </code></pre>
  
  <p>However, I am getting an error:</p>
  
  <pre><code>Uncaught TypeError: Object sss has no method 'addClass'
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7b3j2/2/" rel="nofollow">jsFiddle</a></p>
  
  <p><strong>UPDATE 2:</strong> I do not need to style the description, so I removed the class related to it. Please see my <a href="http://jsfiddle.net/7b3j2/7/" rel="nofollow">updated fiddle</a>. Now the problem is that the text in <code>title</code> is getting bold instead of the one copied in <code>#notifications</code>. It is not getting styled as per the CSS.</p>