[jQuery] change()

[Bob O]

Hello all,
a little new the js and jquery any help would be fantastic...

I have this in my linked myFx.js file:

$(document).ready(function() {
  var selected_type = $('select#campaign_type_select');
  var coupon_div = $('#campaign_create_coupon');
  var broadcast_div = $('#campaign_create_broadcast');
  var contest_div = $('#campaign_create_contest');

  // alert(selected_type.val()); << I CAN GET THIS TO FIRE WHEN
UNCOMMENTED, and it returns the the value coupon as i would expect.

  BUT THIS ISNT WORKING ive tried various renditions (this.val(),
selected_type, etc...) based on what i have read on this site and the
jQuery site with 0 success.

  selected_type.change(function() {
    if (this.val() == 'contest') {
      alert('contest');
    }
    else if (this.val() == 'broadcast') {
      alert('broadcast');
    }
    else (this.val() == 'coupon') {
      alert('coupon');
    }
  });
});

This is the HTML:
<div class="form_data_wrap">
  <div class="form_data_label">Campaign Type:</div>
  <div class="form_data_value">
    <select id="campaign_type_select">
      <option value="coupon">Coupon</option>
      <option value="broadcast">Broadcast</option>
      <option value="contest">Contest</option>
    </select>
  </div>
</div>

Someone point me in the right direction.....\m/>.<\m/