Question

I have four php pages:

1. header.php
2. demo1.php
3. demo2.php
4. demo3.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?

Answer 1

You may have an implicit semicolon or append at this line:

$("#btn1").click(function(){

It could also be an issue caused by the base element.