Radio Button on change Handler

by Ben Clayton

HTML

<div class="infx-table-row radio-block full">
  <div class="infx-table-data form_label fnormal"><b>Please select your reason for contacting us?</b></div>
  <div class="infx-table-data form_input fnormal" id="reason_div">
    <div class="infx-inline-data form_radio idx0"><input title="Please select your reason for contacting us? - I have a general Question" class="radio tooltip" type="radio" name="reason" value="I have a general Question">
      <div class="infx-inline-data  form-radio-text">I have a general <span>Question</span></div>
    </div>
    <div class="infx-inline-data form_radio idx1"><input title="Please select your reason for contacting us? - I have a product Complaint" class="radio tooltip" type="radio" name="reason" value="I have a product Complaint">
      <div class="infx-inline-data  form-radio-text reason-selected">I have a product <span>Complaint</span></div>
    </div>
    <div class="infx-inline-data form_radio idx2"><input title="Please select your reason for contacting us? - I'd like to give Praise" class="radio tooltip" type="radio" name="reason" value="I'd like to give Praise">
      <div class="infx-inline-data  form-radio-text">I'd like to give <span>Praise</span></div>
    </div>
    <div class="infx-inline-data form_radio idx3"><input title="Please select your reason for contacting us? - I have a Suggestion" class="radio tooltip" type="radio" name="reason" value="I have a Suggestion">
      <div class="infx-inline-data  form-radio-text">I have a <span>Suggestion</span></div>
    </div>
    <div class="infx-inline-data form_radio idx4"><input title="Please select your reason for contacting us? - I'd like to discuss Sponsorship" class="radio tooltip" type="radio" name="reason" value="I'd like to discuss Sponsorship">
      <div class="infx-inline-data  form-radio-text">I'd like to discuss <span>Sponsorship</span></div>
    </div>
    <div class="infx-inline-data form_radio idx5"><input title="Please select your reason for contacting us?...

CSS

.infx-inline-data {
	display:inline-block
}

.infx-inline-data.form_radio {
	display:block
}

JavaScript

$(document).ready( function(){



		$("[name=reason]").change(function() {
			
			var $text = $( "[name=reason]:checked" ).val();
			if ($text == 'I have a product Complaint') {
				alert("popup");
			} else {
				alert("no text match");
			}
		});




});