Part of my jquery is missing!

I am using colorbox which I have used many times for different clients, but it is not working this time and I can not figure out why. I am trying to open a video on youtube, and then open up some inline html, I've copied the code from the examples just as I always do, and replaced what needs to be replaced. There are parts of the script that are missing when I look at the source code from the browser.

In my backend it looks like this:开发者_StackOverflow

<script type="text/javascript">
    $(document).ready(function(){
    $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    $(".open_colorbox").colorbox({width:"50%", inline:true, href:"#inline_text"});
    });
</script>

But when I look at the source code in FF or IE it shows...

<script type="text/javascript">
    $(document).ready(function(){
        $(".youtube").colorbox();
        $(".open_colorbox").colorbox();
    });
</script>

Are you sure you...

• Saved the file?
• Linked to the correct javascript in your html file?
• Deployed the application to the right directory?
• Cleared browser and/or server cache?