I meet a problem about how to get the x-template from html file.

the following is my x-template code snippet

2.    <script type="text/x-template" id="TableTemplate">
3.             <thead>
4.                 <tr>
5.                     <th width="250px">Model</th>
6.                     <th width="250px">Name</th>
7.                     <th width="70px">Share</th>
8.                     <th width="150px">Price Range</th>
9.                     <th width="150px">Brand</th>
10.                     <th width="100px">Options</th>
11.                 </tr>
12.             </thead>
13. 
    
14.             <tbody>
15.                 <tr propertyName="trModel">
16.                     <td><span propertyName="Model"></span>
17.                     </td>
18.                     <td><span propertyName="Name"></span></td>
19.                     <td>
20.                         <button type="button" propertyName="btnName" onclick="doFunction();">Try</button>
21.                     </td>
22.                     <td><span propertyName="PriceRange"></span></td>
23.                     <td><span propertyName="Brand"></span></td>
24.                     <td><select propertyName="Options"></select></td>
25.                 </tr>
26.             </tbody>
27. 
    
28.         </script>

And I store the upper code in a templates.html, and then try following code:

1.       
2. $.get('./templates.html', function(template) {
4. });

But I didn't know how to do the next step to get the exact DOM element x-template from templates.html.

Is anyone know how to make that, thanks a lot.