Лучший способ асинхронной загрузки шаблонов underscore

Я планирую использовать backbone.js и underscore.js для создания сайта, и у меня будет много шаблонов underscore:

<script type="text/template" id="search_template">
<p id="header">
//header content will go here
</p>
<p id="form">
    <label>Search</label>
    <input type="text" id="search_input" />
    <input type="button" id="search_button" value="Search" />
</p>
<p id="dynamic_date">
//dynamic data will be displayed here
</p>
</script>

Конечно, мои шаблоны будут намного сложнее.

Поскольку у меня их будет много, я не хочу загружать все шаблоны каждый раз при загрузке страницы. Я хочу найти решение, при котором я смогу загружать определенный шаблон только тогда, когда он будет использоваться.

Другое дело, что большинство моих шаблонов будут иметь одинаковую структуру, только

Подскажите, пожалуйста, как мне это сделать?

Спасибо,