title: Getting React component to work with jQuery listener
body: <p>Though this is not the best approach to the problem, I do need my React app to interact with jQuery till I come up with a better solution.</p>
  
  <p>In the HTML page for my entry point component, I have a simple jQuery listener -- see below:</p>
  
  <pre><code>&lt;html&gt;
  ... // Omitted for brevity
  &lt;body&gt;
  ... // Omitted for brevity
  &lt;script type="text/javascript"&gt;
  
     $(".my-class").on("click", function() {
        debugger;
        // We'll do something here
     })
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Then, in my dumb component, I have the following but it's not working. When I click my button, I'm not hitting the break point I set in the listener.</p>
  
  <pre><code>const MyComponent = () =&gt; {
     return(
        &lt;div&gt;
           &lt;a href="#" className="btn-primary my-class"&gt;Click Me!&lt;/a&gt;
        &lt;/div&gt;
     );
  }
  
  export default MyComponent;
  </code></pre>
  
  <p>Any idea how I can get this to work?</p>