title: jQuery add a class to the selected parent, not working
body: <p>I have my markup like this</p>
  
  <pre><code>    &lt;table class="processed"&gt;
          &lt;tr class="translated"&gt;
              &lt;td class="meta-data"&gt;Subscription &lt;/td&gt;
              &lt;td class="test_staus"&gt;Lorem&lt;/td&gt;
              &lt;td class="total_price"&gt;&lt;input type="text" value="3"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="proofreaded"&gt;
              &lt;td class="meta-data"&gt;Subscription &lt;/td&gt;
              &lt;td class="test_staus"&gt;Lorem&lt;/td&gt;
              &lt;td class="total_price"&gt;&lt;input type="text" value="7"&gt;&lt;/td&gt;
          &lt;/tr&gt;   
  &lt;/table&gt;
  </code></pre>
  
  <p>As you can see I have two input fields in both rows. So I want that when I will start typing in a input text box then it will add a class to its parent tr class. For that I made my js like this</p>
  
  <pre><code>&lt;script&gt;
          jQuery(document).ready(function($) {
            jQuery('body').keyup('td.total_price input',function() {
             var Selected = jQuery(this).closest('tr');
            Selected.addClass('selected');
         });
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>But its not working at all. The fiddle link is <a href="https://jsfiddle.net/5ck37nmm/" rel="nofollow">here</a> as you can see.
  So can someone tell me how to add a class just a parent of the selected. Any help and suggestions will be really appreciable. Thanks</p>