Backstretch.js not working on element but working on body

Question

I cannot figure out how to get backstretch to work on a div, It works 100% when just applying to the body, no errors. But when I try to get to work on a <div> I get the following error:

Uncaught TypeError: Object [object Object] has no method 'backstretch'

I've been searching on here for an answer and Its seem most issues were to do with calling multipal jQuery files or re-ordering the way its backstretch is being called. Ive tried this and still no joy.

Has anyone any Ideas?...maybe I've been staring at this too long.

I can provide some code or a link to the site if necessary.

EDIT*

I have a div with ID "test"

$("#test").backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");

EDIT* http://wearebabble.triple-tested.com/global/view

Answer 1

Update your version.

https://github.com/srobbin/jquery-backstretch

Change log at the bottom of the screen says the feature you are using was added in 2.0.

You are using 1.2.8.