Need help with a plugin

[Mike]

I'm working on my plugin and for some reason it's not showing up in the place holder(<div id="bible"></div>.

$(document).ready(function(){
   var size=18px;
   var john=pb.plugin.get('bible_verse').settings.general;
   for(p=0;p<john.length;p++) {
       var theme=john[p].theme;
       if(theme.length > 0){
           for(r=0;r<theme.length;r++){
               if(pb.data('user').theme_id==theme[r]){
                   var wide=john[p].c_width;
                   var bc=john[p].b_color;
                   var tc=john[p].t_color;
                   var size=john[p].t_size;
                   var verse=john[p].verse;
                   var vs=john[p].version;
                   var time=john[p].period;
               }
           }
       }
   }
   
   var bible_div = '<div id="bible" style="width:'+wide+'px;height:200px;border:20px outset #'+bc+';margin:0 auto">';
   bible_div += '<div id="fran"style="background-color:#ffffff;width:'+wide+'px;height:200px">';
   bible_div+='<span style="color:#'+tc+';font-size:'+size+'px;font-weight:bold;text-align:center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+time+' Bible verse&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+vs+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp</span><br>';
   bible_div += '<span style=" color:#'+tc+';font-weight:bold;font-size:'+size+'px;">'+verse+'<br>';
   bible_div += '</div>';
   bible_div += '<br>';
   $('#bible').html(bible_div);
               
});

           insert code here
Anybody want to look over my code and tell me why it will not appear please?

[Brian]

Your script is erroring on line 2.

var size=18px;

Based on how your code is written this should just be 18 and not 18px.

[Mike]

Thank you Brian
Yup that was it!