JavaScript/jQuery events not firing on elements within nested <divs>

Question

I am building a basic RSS reader app that, which the 'story' is clicked, the information for it is displayed in a modal view. The 'stories' or RSS feed items are displayed in a row that scrolls. The problem I am having is, the elements that will respond to JS event (such as hover) stop firing at a certain point in the DOM chain of nested div elements. In more detail: My rails app outputs markup that resembles this:

">

<%= entry.title %>
<%= entry.published.strftime("Posted on %m/%d/%Y") %> <%= entry.url %>

<%= entry.summary %>

... repeats ...

The problem now is this - I have stored important data within feed-item-container element in which I want to extract using jQuery on a simple click event. The problem is, a JS click/hover events stop responding below the feed-row element, leaving me unable to access any individual feed-item-containers - i.e. this works: $('.feed-row').hover(... console.log('Works!');); but this will not: $('.feed-item-container').hover(... console.log('Does Not Work!'); Or another way: - overscroll

<!-- TITLE Clipped -->
<!-- DATE Clipped --> <!-- URL Clipped -->

<!-- CONTENT Clipped -->

<!-- Repeated RSS Items were here -->

So, my question is this: Why can't I click anything below feed-row in the nesting tree, and how do I approach fixing this? Many thanks Edit #1 While I was typing up my pseudo jQuery calls, I left out the class period, but they do exist in my actual script, just a typo on my part... apologies JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

I'm guessing since this is an RSS feed, this data is loaded dynamically? If so, consider wiring these events with jQuery's on $(".overscroll").on("hover", ".feed-item-container", function() { }); Or if you're using a jQuery version < 1.7, use delegate $(".overscroll").delegate(".feed-item-container", "hover", function() { });