How to add a class in a div somewhere else in the DOM with jQuery?
<p>How can add class <code>.jokjok</code> in the <code>div</code> next of <code>input[bdate]</code>?</p>

<p><strong>Example:</strong> <a href="http://jsfiddle.net/cLNJE/1/" rel="nofollow">http://jsfiddle.net/cLNJE/1/</a></p>

<p>This code did not work for me:</p>

<pre><code>&lt;button&gt;Click Me&lt;/button&gt;
&lt;div class="pa_row mediumCell"&gt;
    &lt;div class="column"&gt;
        &lt;input type="text" name="expass"&gt;
    &lt;/div&gt;
    &lt;div class="column"&gt;
        &lt;div class="auto_box2"&gt;
            &lt;input type="text" name="bdate"&gt;
            &lt;div&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="column"&gt;
        &lt;input type="text" name="old"&gt;
    &lt;/div&gt;
&lt;/div&gt;



$('button').live("click", function () {
    $('input[bdate]').closest('.pa_row ').find('auto_box2 div').removeClass().addClass('jokjok');
    //alert('click is ok')
});
</code></pre>
