title: Only first scrollspy is working on my site, no matter what I do second is not responding even with the same structure and different ids
body: <p>I would like to ask you for help with bootstrap scollspy. I implemented first one in my project it is working fine and I am happy.</p>
  
  <p>Problems started when I wanted to add another, different ID, different target. I added it in the same way but I cannot get it to work.</p>
  
  <p>I googled about this but I couldn't find solution or proper informations, I saw some posts that there should be only one scrollspy on "body" I tried to experiment with that knowledge but still nothing.</p>
  
  <p>My code:</p>
  
  <pre><code>    &lt;div id="back-button"&gt;
          &lt;a href="#projects"&gt;Back&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;script&gt;
          $('body').scrollspy({ target: '#back-button' });
      &lt;/script&gt;
  
      &lt;div data-spy="scroll" data-target="#projects" data-offset="0"&gt;
  
          CONTENT HERE
  
      &lt;/div&gt;
  </code></pre>
  
  <p>I tried to change order, change IDs to Classes, move scripts around but still nothing. Can you please help me?</p>
  
  <p>Thanks and Cheers</p>