[解決済み] ブートストラップポップオーバーの中にフォームを入れる？

質問

<div class="container">
    <div class="row" style="padding-top: 240px;">
        <a href="#" class="btn btn-large btn-primary" rel="popover"
            data-content="<form><input type="text"/></form>"
            data-placement="top" data-original-title="Fill in form">Open form</a>
    </div>
</div>

JSfiddle

javascriptの関数内にフォームの内容を格納することになると思うのですが...。

ブートストラップポップオーバーにフォームを含めるにはどうしたらいいですか？

どのように解決するのですか？

をダブルクォーテーションで囲むか type="text" のように、シングルクォート内で

"<form><input type='text'/></form>"

または

二重引用符で囲まれた部分を置換する data-content をシングルクォーテーションに置き換えます。

data-content='<form><input type="text"/></form>'