JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<div id="tmpl1div">1:</div>
<div id="tmpl2div">2:</div>
<div id="tmpl3div">3:</div>

CSS

#divid {
   color:green;
}

JavaScript

//WORKS
var tmpl1 = $('<div><div id="{{if something}}{{else}}divid{{/if}}">one</div></div>').template();
$.tmpl(tmpl1, {}).appendTo($("#tmpl1div"));
//WORKS
var tmpl2 = $('<div>{{if something}}<div>{{else}}<div id="divid">{{/if}}two</div></div>').template();
$.tmpl(tmpl2, {}).appendTo($("#tmpl2div"));
//FAILS
var tmpl3 = $('<div><div {{if something}}{{else}}id="divid"{{/if}}>three</div></div>').template();
$.tmpl(tmpl3, {}).appendTo($("#tmpl3div"));