How do I detect a text input's value and set a class with jQuery?

Question

I would like to make sure if a textbox has any content at all, that jQuery can show it's parent (an <li class="hidden_dedication">) element and set add a class of 'shown'. I'm pretty sure that it should be something like this, but cannot get it to work:

    if ($('li.hidden_dedication input').val() !== null) {
         $(this).parent().show().addClass('shown');
    }

I cannot figure it out.. any ideas?

Many thanks

Answer 1

Compare against the empty string '' instead of null.