Event handler function not being responsive

Event handler function not being responsive

I wrote the following lines of code, but my event handler function is not working when the element is being clicked on. What am I doing wrong here?

My HTML code:
<html>
<body>
<div id="jeopardy-round-one">
<li class="row-1 column-0"><p id="10">$200</p></li>
</div>
<script src="jquery-2.1.4.min.js"></script>
<script src="jeopardy-round-one.js"></script>
</body>
</html>

My jQuery code
function showClue(e){
    var eventTarget=e.target;
   
    if (eventTarget==$( "p#10" ))
    {
        $(this).text("This president was responsible for the Louisiana Purchase.");
    }
};

$( "div#jeopardy-round-one" ).on( "click", showClue);