jQuery Not Functioning on Text Input Click

Question

Can you please take a look at this code and let me know why the click event is not firing ?

$( ".content" ).on("click", function() {
  alert( "This is Clicked" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
 <input type="text" class="form-control" class="content" >

user3779812 · Accepted Answer · 2015-03-24 18:07:16Z

1

You have class twice. Try this:

<input type="text" class="content form-control" >

answered Mar 24, 2015 at 18:07

user3779812

2303 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

guest271314 · Accepted Answer · 2015-03-24 18:07:43Z

1

Try substituting <input type="text" class="form-control content" /> for <input type="text" class="form-control" class="content" >

$(".content").on("click", function() {
  alert("This is Clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js">
</script>
<input type="text" class="form-control content" />

answered Mar 24, 2015 at 18:07

guest271314

1

Vijay · Accepted Answer · 2015-03-25 13:12:16Z

1

Try this

$(document).ready(function(){
    $('.content').click(function(){
       alert('I have done');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" class="form-control content" />

answered Mar 25, 2015 at 13:12

Vijay

4313 silver badges12 bronze badges