I can't seem to wrap my head around the differences between the following in jQuery Mobile:

```
$( document ).live('pageshow', function(event) {
});

$( document ).bind('pageshow', function(event) {
});

$( document ).delegate("#page", "pageshow", function() {
});

```

How do I execute scripts in the head of my documents that are DIFFERENT in certain pages? Which methods do I use to call those scripts?

Update:
jQuery version: 1.7.1
jQuery Mobile version: 1.1.0