Child element not firing parent click with .on()

Child element not firing parent click with .on()

I'm struggling to get a child element to fire the parent click event. If you click on the span the event is not fired but clicking on the div itself fires the event.

Any ideas what might be happening?

  1. <div class="jqAction" data-jq-action="Pop">
    <span>
    Pop
    </span>
    </div>
  2. $('body').on('click', '.jqAction', function (e) {}