I am trying to initiate colorbox from the title attr from a link.

I have managed to initiate colorbox for imgs using:

```
$("a[rel*=lightbox]").colorbox({width:"700",height:"500",innerWidth:"700",innerHeight:"500",opacity:0.8,slideshow:true,slideshowSpeed:2500,slideshowStart:"start",slideshowStop:"stop"});

```

BUT, i need to use the title for this link. Does anybody have any ideas?

```
<a title="booknow" href="link">Book Now</a>

$("a[title=booknow]").colorbox({iframe:true, innerWidth:100%, innerHeight:100%});

```

Any help/guidance would be appreciated.

**Edit: im using other plugins aswel**

```
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.carousel').jcarousel();
});

        $(window).scroll(function(){
            if ($(this).scrollTop() > 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });

        $('.scrollup').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });

    $(window).load(function() { 
        $('.defaultP input').ezMark();
        $('.customP input[type="checkbox"]').ezMark({checkboxCls: 'ez-checkbox-red', checkedCls: 'ez-checked-red'})
        $('#slider').nivoSlider();
        $("#example-one").organicTabs();
        $("#example-two").organicTabs();
    });
</script>**

```