Javascript modification needed
<p>I need to be able to check a class value for a certain string. The class could have multiple values separated by commas. The code needs to be modified so when West is selected everything goes away except the rows that have West included in the class value. Examples:</p>

<pre><code>&lt;tr class="West"&gt;&lt;/tr&gt; (shows up)
&lt;tr class="West,NE"&gt;&lt;/tr&gt; (shows up)
&lt;tr class="NE"&gt;&lt;/tr&gt; (doesn't show)
</code></pre>

<p>javascript</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
    var links = $('#lb01'),
        regions = $('.West,.NE,.Southeast,.East,.South,.Central,.Northeast,.HO,.National,.US,.Texas,.Mid-Central');
    regions.not('.West').hide();
    links.change(function(event) {
        regions.hide().filter('.' + this.options[this.selectedIndex].id).show();
    });
});
&lt;/script&gt;
</code></pre>

<p>html</p>

<pre><code>&lt;div class="tabset"&gt;

            &lt;div id="tab1" class="tab-box"&gt;
                &lt;div class="form-holder"&gt;
                    &lt;form action="#"&gt;
                        &lt;fieldset&gt;
                            &lt;label for="lb01"&gt;&lt;strong&gt;Choose District:&lt;/strong&gt;&lt;/label&gt;
                            &lt;select id="lb01"&gt;
                                &lt;option class="bound" id="West"&gt;WEST&lt;/option&gt;
                                &lt;option class="bound" id="NE"&gt;NE&lt;/option&gt;

                                &lt;option class="bound" id="Southeast"&gt;SOUTHEAST&lt;/option&gt;
                                &lt;option class="bound" id="East"&gt;EAST&lt;/option&gt;
                                &lt;option class="bound" id="South"&gt;SOUTH&lt;/option&gt;
                                &lt;option class="bound" id="Central"&gt;CENTRAL&lt;/option&gt;
                                &lt;option class="bound" id="Northeast"&gt;NORTHEAST&lt;/option&gt;
                                &lt;option class="bound" id="HO"&gt;HO&lt;/option&gt;

                                &lt;option class="bound" id="US"&gt;US&lt;/option&gt;
                                &lt;option class="bound" id="Mid-Central"&gt;Mid-Central&lt;/option&gt;
                                &lt;option class="bound" id="Texas"&gt;Texas&lt;/option&gt;
                            &lt;/select&gt;
                        &lt;/fieldset&gt;
                    &lt;/form&gt;
                &lt;/div&gt;

                &lt;div class="report-box"&gt;
                    &lt;table&gt;
                        &lt;thead&gt;
                            &lt;tr&gt;
                                &lt;td class="name"&gt;Name&lt;/td&gt;
                                &lt;td class="department"&gt;Department&lt;/td&gt;
                                &lt;td class="title"&gt;Title&lt;/td&gt;

                                &lt;td class="district"&gt;District&lt;/td&gt;
                                &lt;td class="profile"&gt;&amp;nbsp;&lt;/td&gt;
                            &lt;/tr&gt;
                        &lt;/thead&gt;
                        &lt;tbody&gt;
                            &lt;tr class="West,NE,Southeast"&gt;
    &lt;td&gt;Name1&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;a class="btn-profile" href="#"&gt;PROFILE&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr class="West"&gt;
    &lt;td&gt;Name2&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;a class="btn-profile" href="#"&gt;PROFILE&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;tr class="East"&gt;
    &lt;td&gt;Name3&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;a class="btn-profile" href="#"&gt;PROFILE&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>
