removing class if textbox has content
by Rey Den Nalasa
HTML
<fieldset>
<p class=" first_form form_element form_element_half" id="element_avia_name_1">
<label for="avia_name_1">First Name <abbr class="required" title="required">*</abbr></label>
<span class="cb-tooltip fade" data-title="This is a required field">
<input name="fields[firstname]" id="name" class="text_input is_empty" type="text" value="">
</span>
</p>
<p class=" form_element form_element_half" id="element_avia_company_1">
<label for="avia_company_1">Last Name <abbr class="required" title="required">*</abbr></label>
<span class="cb-tooltip fade" data-title="This is a required field">
<input name="fields[lastname]" id="company" class="text_input is_empty" type="text" value="">
</span>
</p>
<p class=" first_form form_element form_element_half" id="element_avia_e-mail_1">
<label for="avia_e-mail_1">Work Email <abbr class="required" title="required">*</abbr></label>
<span class="cb-tooltip fade" data-title="This is a required field">
<input name="fields[email]" class="text_input is_email" type="text" value="">
</span>
</p>
<p class=" form_element form_element_half" id="element_avia_phone_1">
<label for="avia_phone_1">Phone <abbr class="required" title="required">*</abbr></label>
<span class="cb-tooltip fade" data-title="This is a required field">
<input name="fields[phone]" id="phone" class="text_input is_phone" type="text" value="">
</span>
</p>
<p class=" first_form form_element form_element_half" id="element_avia_name_1">
<label for="avia_name_1">Company <abbr class="required" title="required">*</abbr></label>
<span class="cb-tooltip fade" data-title="This is a required field">
<input name="fields[company]" id="name" class="text_input is_empty" type="text" value="">
</span>
</p>
<p class=" form_element form_element_half"...
JavaScript
$("span input[type=text]").focusout(function() {
if ($(this).val() === "") {
console.log($(this).attr('id') + "has no value");
$(this).closest('span').removeClass("cb-no-tool-tip").addClass("cb-tooltip fade");
}
else{
$(this).closest('span').removeClass('cb-tooltip fade').addClass("cb-no-tool-tip");
console.log("class removal triggered!");
}
});