I am trying to use jquery from visualforce page. Have added the min.js library file too..Below is the code piece sample. I'm able to get 1st alert output i.e. - 'ready to go' inside document.ready function but after that the click/change function is not working .
<script>
var j$ = jQuery.noConflict();
j$(document).ready(function(){
alert('ready to go');
$('[id$=idAccFName]').click(function(){
alert('Clicked in First Name');
$('[id$=idAccFName]').change(function(){
alert('Changed First Name');
xyz = $('[id$=idAccFName]').text();
alert('xyz='+xyz);
});
});
</script>
VF Page :
<apex:inputField id="idAccFName" value="{!cr.FirstName_AGN__c}" required="true" rendered="{!viewReadWrite}" />
<apex:inputField id="idAccLName" value="{!cr.Last_Name_AGN__c}" required="true" rendered="{!viewReadWrite}"/>
<apex:inputField id="idAccFName" value="{!cr.First_Name__c}" required="true"/>
<apex:inputField id="idAccLName" value="{!cr.Last_Name__c}" required="true"/>