title: .change() get :selected text value
body: <p>I'm trying to run the following code</p>
  
  <pre><code>$("select#shipping_rates_drop").change(function(){
              var selectedText = $(this + "option:selected").text();
              var ship = thisvalue.split("£");
              var subtotal = $("ul#deliveryList").attr("class");
              var ship = ship[1];
              var totalcost = parseFloat(subtotal)+parseFloat(ship);
              $(".wrap.form-section h1 span").html("&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;small&gt;Total &lt;/small&gt; £"+totalcost);
              $("input[name=itemamt]").val(subtotal);
              $("input[name=shippingamt]").val(ship);
              checklistCheck1();
          });
  </code></pre>
  
  <p>I want to get the text from the selected value on change. ex. UPS Worldwide Express - £89.57
  then the code splits the value to get me the actual number of cost.</p>
  
  <p>But console.log throws up the following </p>
  
  <blockquote>
    <p>Error: Syntax error, unrecognized expression: [object
    HTMLSelectElement]option:selected</p>
  </blockquote>
  
  <p>in jquery.min.js (line 2)</p>
  
  <p>So im assuming I've done something wrong here and hoping someone could help out</p>