проблема с лайтбоксом. он не срабатывает

Код (Text):

1. <a class="pd_link" rel="{$idx}" href="javascript:;">Product details</a>
2.                                                     {script_inline}
3.                                                     {literal}  
4.                                                         $('.pd_link').click(function() {
5.                                                             var p = 'pdInfoPopup' + $(this).attr('rel');
6.                                                             showLightBox({'id': p ,'width': '300'});
7.                                                             console.log(p);
8.                                                         });
9.                                                     {/literal}
10.                                                     {/script_inline}

Код (Text):

1.  
2. <div id="pdInfoPopup{$idx}" style="display:none">
3. text
4. <div>

Не срабатывает лайтбокс хотя в p приходит нужная айдишка лайтбокса
pdInfoPopup11238

Срабатывает если тупо написать вот так в исходнике shoqLightBox({'id': 'pdInfoPopup11238', 'width' : '300');

 

Код (Text):

1.  
2. <a class="pd_link{$idx}" rel="{$idx}" href="javascript:;">Product details</a>
3. {script_inline}
4. {literal}  
5.     $('.pd_link{/literal}{$idx}{literal}').click(function() {
6.         var p = 'pdInfoPopup' + $(this).attr('rel');
7.         showLightBox({'id': 'pdInfoPopup{/literal}{$idx}{literal}' ,'width': '300'});
8.        
9.     });
10. {/literal}
11. {/script_inline}

Код (Text):

1.  
2. <div id="pdInfoPopup{$idx}" style="display:none">
3. text
4. <div>

так тоже не помогло

 

Такс вроде заработало.....