Problem in smarty section loop in smarty templates

[hiral111]

Hello,
I'm working on smarty based project. I need to append one div with html and javascript code using jquery's .append() method. here is my code.

var addRowId = $("#addRowId").val();
$("#addMember").append("<div id='row"+addRowId + "'><div id='UserExist_"+addRowId+"' class='userExist'><\/div><div class='left leftFamily'>Add Family Member :<\/div><div class='right rightFamily'><div class='familyMemberImage' align='center'><img src='../images/blank-profilepic.png' name='memberImg_"+addRowId+"' id='memberImg_"+addRowId+"' width='20px' height='20px'\/><\/div><div class='familyMemberName'><input type='text' size='20' validate='required:true' name='memberName_"+addRowId+"' id='memberName_"+addRowId+"' class='member memberText'\/><\/div><div class='familyMemberRelation'><select validate='required:true' name='relationType_"+addRowId+"' id='relationType_"+addRowId+"' class='relation' ><option value=''>Select Relation</option> {/literal}"{section loop=$relationId name=secCombo}+"<option value={$relationId[secCombo]}>{$relationName[secCombo]}<\/option>"{/section} {literal}
+"<\/select><\/div><div class='familyMemberRemove'><a href='#' onclick='removeFormField(\"#row" + addRowId + "\"); return false;'>Remove<\/a><\/div><\/div><div class='clear'><\/div><input type='hidden' value='' size='20' name='lastSelected_"+addRowId+"' id='lastSelected_"+addRowId+"' class='memberId'\/><input type='hidden' value='' size='20' name='lastSelectedName_"+addRowId+"' id='lastSelectedName_"+addRowId+"' class='fMemberName'\/><input type='hidden' value='' name='familyMemAutoId_"+addRowId+"' id='familyMemAutoId_"+addRowId+"' class='familyAutoId' /><div class='nonfamilyMemberPart'><div id='userNotExist_"+addRowId+"' class='userNotExist'><\/div><div id='memberEmail_"+addRowId+"' class='nonfamilyMemberEmail'><div class='emailLable'><b>Email :</b><\/div><div><input type='text' value='' size='55' name='memberEmail_"+addRowId+"' id='memberEmail_"+addRowId+"' class='memberEmail memberText'\/><\/div><\/div><div class='hrLine'><hr/><\/div><\/div><\/div>");

everything worked fine under mozila and other browser except IE it gives me javascript error when i used a section loop inside javascript code i got syntax error in my dreamviewer cs5 but it worked fine under other browser. if i remove double quotes in last line of highlighted section ("+<select") it display none error but then code does not worked in all browser. So kindly tell me if i'm doing anything wrong in this code.

[dlite922]

ensure your smarty code is in {literal} {/literal} tags.

Looks like you have your literal tags reversed.

Dan