title: Jquery html() instead of val()
body: <p>I have a select list skinned by a jquery plugin. the problem is that when I choose a select element, the value of the select field before post id val() and I want it to be the html() between  . but if I put html() instead of val() I get the entire html of the select list optgroup.</p>
  
  <p>the part of the jquery where I have problems: </p>
  
  <pre><code>$(this).height(selectBoxHeight).change(function(){
      selectBoxSpanInner.text($(this).val()).parent().addClass('changed');
  });
  </code></pre>
  
  <p>(here I set the val)
  and the html:</p>
  
  <pre><code>&lt;select name="123_cat" class ="styled"&gt;  
     &lt;?php foreach($subcategories['categories'] as $sc) { ?&gt;
     &lt;optgroup label="&lt;?php echo $sc['name']; ?&gt;"&gt;
      &lt;?php foreach ($sc['subcategories'] as $ss){?&gt;                              
               &lt;option id = "123_cat[]" value="&lt;?php echo $ss['sid']; ?&gt;" &lt;?php if (isset($_POST['123_cat'])) { if($ss['sid'] == $_POST['123_cat']) echo 'selected = "selected"';} else { if(in_array($ss['sid'], $the_subcategories)) echo 'selected = "selected"'; } ?&gt;&gt;&lt;?php echo $ss['name']; ?&gt;&lt;/option&gt;
          &lt;?php }?&gt;
  </code></pre>
  
  <p>
        
              </p>
  
  <p>How can I get the text between <code>&lt;option&gt;</code> <code>&lt;/option&gt;</code> selected onclick instead of the value of it?</p>