changing select's parent li elements class
<p>I have selects in list items. onchange of select, if selected options value is empty, I would like to give the parent li element a "isnotselected" class, else if selected option's value is not empty, I would like to give the parent li element a "isselected" class. How can I do this via jQuery?</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;
    &lt;select&gt;
      &lt;option value=""&gt;Select Value&lt;/option&gt;
      &lt;option value="1"&gt;Value 1&lt;/option&gt;
      &lt;option value="2"&gt;Value 2&lt;/option&gt;
    &lt;/select&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;select&gt;
      &lt;option value=""&gt;Select Value&lt;/option&gt;
      &lt;option value="1"&gt;Value 1&lt;/option&gt;
      &lt;option value="2"&gt;Value 2&lt;/option&gt;
    &lt;/select&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;select&gt;
      &lt;option value=""&gt;Select Value&lt;/option&gt;
      &lt;option value="1"&gt;Value 1&lt;/option&gt;
      &lt;option value="2"&gt;Value 2&lt;/option&gt;
    &lt;/select&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;select&gt;
      &lt;option value=""&gt;Select Value&lt;/option&gt;
      &lt;option value="1"&gt;Value 1&lt;/option&gt;
      &lt;option value="2"&gt;Value 2&lt;/option&gt;
    &lt;/select&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>
