I have a Index.html file, where I am using container class. 
I have another html file with which contains mustache variables. 

Here is the code which I am using,

Lets say this is a.html.

```
<script id="filtersOptions" type="text/html">
    <ul class="checkboxCommonContent">
    {{#data}}
    <li>
    <div>
    <input type="checkbox" id="checkbox-1-1" class="regular-checkbox"><label for="checkbox-1-1"></label><span class="lblText">{{brand_name}}</span>
    </div>
    </li>
    {{/data}}

    </ul>

```

I have a json file, where the brand information something like this,

```
{
    "brands":[
        {
            "brand_name":"Adidas",
            "available_products":30
        }

    ]
}

```

Through Javascript I am featching the Json data and trying to udapete the mustache tempalte but getting error. 
Featchng information from js

```
loadFileForFilters: function(){

    $.getJSON('js/json/brand.json', {}, function(data, textStatus, jqXHr) {
              console.log(data);
              var f = $("#filtersOptions").html();
              $.get('files/sort_and_filter_lb.html', function(template, textStatus, jqXhr) {
                  var template = Mustache.render(f, {data: data});
                  //$(".container").html(template);

              });
          });
          }

```

container - Is in side index.html.
The sort\_and\_filter\_lb.html file have following code

```
<script id="filtersOptions" type="text/html"><ul class="checkboxCommonContent"> {{#data}} <li> <div> <input type="checkbox" id="checkbox-1-1" class="regular-checkbox"><label for="checkbox-1-1"></label><span class="lblText">{{brand_name}}</span> </div> </li> {{/data}} </ul> </script>

```

Can some one please guide me. Why I am not getting the data in the main template.