JQuery Opacity Image Based Scroll

I had a recent project where the page title has a background image and said image was to fade as the user started scrolling down the page. The JQuery code below is who I archive it but you can go my JSfiddle to see it in action: Fiddle me this // Fade out the page title image as user scrolls var fadeStart = 0; // 0 scroll or less will equiv to 1 opacity var fadeUntil = 300; // 300px scroll or more will equiv to 0 opacity var fading = $('. »