Remove all elements with specific class from a span element
<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>
