I have javascript file called screener.js

```
function ScreenerPage() {

    function onScreenListChange() {
       do stuff
    };
}

```

from the index.html file I include the javascript file like this:

```
<script type="text/javascript" src="./js/screener.js"></script>

```

Then later in the head section of index.html I instantiate the screenerPage object like this:

```
<script type="text/javascript"> 
    $(document).ready(function () { 
        screenerPage = new ScreenerPage();
    }
</script> 

```

Then down in the body section there is a select with onchange event that calls 

```
<select id="screenList" onchange="screenerPage.onScreenListChange()">

```

but the browser shows error:

> 
> Uncaught TypeError: screenerPage.onScreenListChange is not a function
> 
> 
> 

What am I doing wrong?