title: jQuery Scroll Event Not Working With Section
body: <p>I'm trying to make a simple scrollspy with jQuery Scroll event but it fails. Here is my JavaScript part:</p>
  
  <pre><code>&lt;script&gt;
   $(document).ready(function(){
     $("#credit_card").scroll(function(){
       console.log('OK');
     });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>And HTML part:</p>
  
  <pre><code>&lt;section class="method first-of-group" id="credit_card"&gt;
  ...
  &lt;/section&gt;
  </code></pre>
  
  <p>As you might have guessed, <code>console.log</code> is just for testing. This section is under a div and this div has "content" id. If I change my JavaScript code for "content" id, it is working. It's really weird. </p>
  
  <p>If you want to see it live, please visit <a href="https://projects.denizb16.com/document/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Thanks in advance.</p>