title: Uncaught RangeError: Maximum call stack size exceeded - jQuery Error
body: <p>I am working with jQuery, I am trying to add a click trigger inside the click function for a different link. Heres what I have:</p>
  
  <pre><code>$('.details .banner .banner_link').on("click", function(e){
              e.stopPropagation();
              e.preventDefault();
  
               $('a.banner_link').trigger("click");
          });
  </code></pre>
  
  <p>As you can see, I am using stopProp and PreventDef, but I am still getting:</p>
  
  <pre><code>Uncaught RangeError: Maximum call stack size exceeded
  </code></pre>
  
  <p>This is driving me crazy, Ive been stuck on this for a while any help please, or at least why this is happening?!</p>
  
  <p>Background:</p>
  
  <p>.banner_link and a.banner_link in the code above are two separate links on the same page. I took the html for the a.banner_link and added it (via js) onto the page to show the same link in a separate location.</p>
  
  <p>I want to emulate the behavior of the original link in the newly created link(it causes a modal to pop up), therefore I am doing this with the trigger("click") function.</p>
  
  <p>Note: </p>
  
  <p>If I just run the trigger('click') outside the scope of the outer click function, it runs fine!</p>