jQuery: How to select elements inside a div?
<p>I have a list of <code>video objects</code> that are rendered in HTML as  </p>

<pre><code>   &lt;div class="video"&gt;
        &lt;p class='title'&gt; {{ video.title }} &lt;/p&gt;
        &lt;p class='url'&gt; {{ video.url }} &lt;/p&gt; 
        &lt;button class="btn btn-primary queue" href="#"&gt;queue&lt;/button&gt;
    &lt;/div&gt;
    &lt;br /&gt;
</code></pre>

<p><strong>What I want?</strong></p>

<p>whenever I click on any video list, the title and url should be selected </p>

<p>I have a <code>jQuery</code> as  </p>

<pre><code>$(function(){
    $('body').on('click', '.video', function(event) {
        var title = $(this).closest('.title');
        console.log(title);
        alert(title);
    });
});
</code></pre>

<p>When I see in firebug, the <code>console.log(title)</code> as <code>jQuery( )</code> in firebug, what is that I am doing wrong?</p>
