Open Colorbox on page load

Question

I have been trying to make the colorbox work on page load, but I can see only the loading with a plain background. I used this code

$.fn.colorbox({id:\'\', title:\

Answer 1

EDITED:

<script type="text/javascript"> 
        $(document).ready(function(){
          $.colorbox({width:"30%", inline:true, href:"#subscribe"});
        }); 
</script>