Question: I've done this before and yet I'm stuck in this simple implementation.

Here's the html:

```
<html>
<head>
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript" src="jquery-1.9.0.js"></script>
</head>
<body>
    <p id='hiding'>blah</p>
    <p>blahblah</p>
</body>
</html>

```

And the javascript:

```
$(document).ready(function() {
    $("p").click(function() {
        $(this).hide();
    });
});

```

The `hide()` doesn't work, and passing in the `hiding` id also doesn't work.

Answer: 
Change the order of script

```
<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="script.js"></script>

```
check this and arrange scripts file also

```
 <script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="script.js"></script>

```

<https://jsfiddle.net/s8191o77/>