Hide the same values after a click
<p>i want values that there is in class <code>.hello</code> and they are similar to some of values in class <code>hi</code> (like: <code>hi_2</code> &amp; <code>hi_4</code>), after click on button will are hide they in class <code>.hello</code>. how is it?<p>
<strong>EXAMPLE:</strong> <a href="http://jsfiddle.net/yyTH8/3/" rel="nofollow">http://jsfiddle.net/yyTH8/3/</a></p>

<pre><code>$('.click').live('click', function () {
    var val_sp = $(".hi b").map(function () {
        return $(this).text();
    }).toArray();
    //if (.hello == val_sp) {
        $('.hello').text(val_sp).hide()
    //};
});
</code></pre>

<p>html:</p>

<pre><code>&lt;button class="click"&gt;Click&lt;/button&gt;&lt;p&gt;

&lt;span class="hi"&gt;
 &lt;b&gt;hi_1&lt;/b&gt;
 &lt;b&gt;hi_2&lt;/b&gt;
 &lt;b&gt;hi_3&lt;/b&gt;
 &lt;b&gt;hi_4&lt;/b&gt;
&lt;/span&gt;

&lt;span class="hello"&gt;    
 &lt;b&gt;hello_1&lt;/b&gt;
 &lt;b&gt;hi_2&lt;/b&gt;
 &lt;b&gt;hello_3&lt;/b&gt;
 &lt;b&gt;hi_4&lt;/b&gt;
&lt;/span&gt;
</code></pre>
