title: Remove all elements with specific class from a span element
body: <p>HTML:</p>
  
  <pre><code>&lt;script src="../../Scripts/notificator.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;span id="popUpMessageBoard"/&gt;
  &lt;button onclick="success('message', 'popUpMessageBoard')"&gt;Add&lt;/button&gt;
  &lt;button onclick="remove('popUpMessageBoard')"&gt;Remove&lt;/button&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>success = function (messageToApply, elementIdToApplyMessages) {
      $('#' + elementIdToApplyMessages).append('&lt;strong class="notification" style="color:blue"&gt;' + messageToApply + ' &lt;/strong&gt;');
  };
  
  remove = function (elementId) {
      $('#' + elementId).remove('.notification');
  }
  </code></pre>
  
  <p>The <code>Add button</code> appends elements to the <code>popUpMessageBoard span element</code>. On clicking the delete button I want all elements with the <code>.notification class</code> to be removed from the parent span element. What am I missing ?</p>