I have four php pages:
header.phpdemo1.phpdemo2.phpdemo3.php
I am including header.php in every page i.e demo1.php, demo2.php and demo3.php. I included common JavaScript required for demo1.php, demo2.php and demo3.php in header.php.
header.php code:
<script type="text/javascript" src="jscript/jquery.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$("#btn1").click(function(){
console.log("btn1 clicked");
});
$("#btn2").click(function(){
console.log("btn2 clicked");
});
});
</script>
btn1 and btn2 elements are not declared in header.php, but they are declared in included pages like demo1.php, demo2.php and demo3.php.
demo1.php code:
<?php include "header.php";?>
<input type="button" id="btn1" value="check"/>
<input type="button" id="btn2" value="check"/>
This demo1.php page works in all browsers except in IE.
In IE it showing error Object expected at $("btn1").click(function(){});.
Can any one help me achieving this problem?