在JS内渲染部分苗条的html模板

Question

我想将部分模板的渲染从我的超薄HTML文件移动到JS代码，因为它仅在单击特定元素后才会发生。但是，渲染无法按照我想要的方式工作。它只是显示在用户界面中：

=渲染部分：'form'

代替渲染的模板。

这是我的JS代码：

$('ul.nav.nav-tabs#myTabs li').click(function (e) {
    if (e.target.id == 'main-tab') {
     $('.main-window').html(" = render partial:'form'");
    }
}

HTML slim看起来像这样（在提取渲染之前）：

ul.nav.nav-tabs#myTabs role="tablist"
 li.active: a.tab#bot-tab role="tab" aria-expanded=true data-toggle="tab" href="#bot" Bot
 li: a.tab#main-tab role="tab" aria-expanded=true data-toggle="tab" href="#main" Main
span.main-window = render partial:'form'

我要移至JS的渲染部分。我究竟做错了什么？这有可能吗？