title: Multiple selectors not working in jQuery click event. I've used merge(). It works for first two selector
body: <p>Multiple selectors not working in jquery click event. I've used .merge(). It works for first two selectors.</p>
  
  <pre><code>var navLink = $("#carbonNavbar ul li a[href^='#']");
  var sideIco = $("#sideIcons a[href^='#']");
  var infoTag = $("a.scrl[href^='#']");
  
  $.merge(infoTag, navLink, sideIco).on('click', function(e) {
      e.preventDefault();
      var hash = this.hash;
  
      $('html, body').animate({
         scrollTop: $(hash).offset().top
      }, 1000, function(){
  
         // when done, add hash to url
         // (default click behaviour)
         window.location.hash = hash;
       });
  
  });
  </code></pre>