title: Change href in custom template
body: <p>Wonder if someone could spare a few minutes to help to me out:</p>
  
  <p>In my cshtml page I have a 'hidden-template'</p>
  
  <pre><code>&lt;script id="hidden-template" type="application/x-custom-template"&gt;
      &lt;a href="#"  class="qualURL course"&gt;
          &lt;div class="course_wrap"&gt;
              &lt;h2&gt;
                  &lt;span&gt;&lt;i class="fulllevel"&gt;&lt;/i&gt;&lt;/span&gt;
                  &lt;span class="title"&gt;&lt;/span&gt;
              &lt;/h2&gt;
              &lt;div class="details"&gt;
                  &lt;div class="level"&gt;&lt;/div&gt;
                  &lt;div class="arrow"&gt;
                      &lt;span class="icon-arrow-right"&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/a&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>And using jSon I'm grabbing a list of elements and using the properties of each item in the list to change the value inside this template and then append each instance of the template to a container located elsewhere in the cshtml file.</p>
  
  <pre><code>$.ajax({
      url: qualURL,
      type: 'GET',
      cache: false,
      contentType: 'application/json; charset=uft-8',
      success: function (results) {
          globalSearchResult = jQuery.parseJSON(results); //this calls a controller and returns a list of items
          ListResultsAndFilter();
      },
      error: function (badResults) {
          alert("An error has occurred");
      }
  });
  
  
  function ListResultsAndFilter() {
  //clear out prior to fresh loading
  $('.results').html("");
  
  //loop through and load into containing div
  $.each(globalSearchResult, function (i, item) {
      var qualItem = item;
      //add filtration here
      var result = true;
      //above added for initial loading/testing
      var item = $(template).clone();
  
      if (result) {
  
          //build the URL 
          var zPath = qualItem.qualificationName;
          zPath = zPath.replace(/[^a-zA-Z0-9 ]/g, '');
          zPath = replaceAll(zPath, '   ', '-');
          zPath = replaceAll(zPath, ' ', '-');
          zPath = replaceAll(zPath, '--', '-');
  
          $(item).find('.title').html(qualItem.qualificationName);
          $(item).find('.level').html(qualItem.qualificationLevel);
          $(item).find('.fulllevel').html(qualItem.discipline);
          $(item).find('.qualURL').attr('href', qualItem.qualificationName);
  
  
          //append this qualification to the results container
          $('.results').append(item);
  
      }
  
  });
  };
  </code></pre>
  
  <p>As you can see for each item in the list I'm cloning the template and changing the values of the HTML by finding the element by the class name and everything works as expected apart from the fact that I can't change the href value of the anchor link (class name qualURL) I'm getting no console errors but the href remains as #.</p>
  
  <p>Does anyone have any ideas?</p>
  
  <p>Thanks,
  C</p>