jQuery: How to select elements of form whose corresponding button has been clicked?
<p>I have a jsfiddle here - <a href="http://jsfiddle.net/9kKXX/20/" rel="nofollow">http://jsfiddle.net/9kKXX/20/</a>  </p>

<p><strong>My jQuery function</strong>  </p>

<pre><code>$(function() {
    $('form input[type="text"]').live('keyup', function() {
        var val = $.trim(this.value);
        $('form .create-playlist-button').prop('disabled', val.length == 0).click(function(){
            alert('ALERT TITLE HERE');
          });
    });
});​
</code></pre>

<p><strong>Requirement</strong>  </p>

<ul>
<li><p>Click on dropdown -> enter text -> hit create<br>
I would like to select the corresponding form elements like title, views etc. This is not happening right now   </p></li>
<li><p>When I click on create, it keeps on alerting again and again, how can I avoid that?  </p></li>
</ul>

<p>I am very new to jQuery and read couple of places but did not find the solution to it  </p>

<p>Thank you</p>

<p><strong>UPDATE</strong><br>
<strong>------------</strong></p>

<p>Answer by Jeff works in fiddle, but when I put that on my code, it does nothing on click. I put the entire code sample in this fiddle - <a href="http://jsfiddle.net/rDe9V/" rel="nofollow">http://jsfiddle.net/rDe9V/</a>  , please help me understand what shall have been wrong here</p>
