javascript - テンプレートをdiv剣道に簡単にロードする方法

Question

おはよう ：）

私はいくつかの作業に取り組んでおり、単純にいくつかのhtmlコードをロードしてdivに追加する方法は何だろうと思っていましたが、以前に行ったいくつかのテストを追加する剣道スタイルを壊すことはありません... i'テンプレートについていくつか見ましたが、それを div にロードする簡単な方法がわかりませんでした。

私はこれを試しましたが、CSSスタイルとボタンのようなイベントを完全に壊します..

function panelControler(action){
$.get('templates/search.tpm', function(data) {
    var template = kendo.template(data);
    $("#search").html(template);
});
}

私のsearch.tpmには、このようなhtmlのものがあります

 <form action="./index.html">
    <ul data-role="listview" data-style="inset">
      <li>
        <label>Code postal
          <input type="number" id="CP" value="59000" placeholder="" />
        </label>
      </li>
      <li>
        <label>Pays
          <select id="Country">
            <option value="FR">France</option>
            <option value="ES">Espagne</option>
            <option value="BE">Belgique</option>
            <option value="LU">Luxembourg</option>
          </select>
        </label>
      </li>
    </ul>
    <div style="text-align:center">  
      <a class="button" data-role="button" onclick="relayControler('usingData')" data-icon="search">Rechecher</a>
      <a class="button" data-role="button" onclick="relayControler('usingPos')" data-icon="search">Autour de ma position</a>
    </div>
  </form>

読んで答えてくれてありがとう;）