title: Knockout JS template attr href binding returning function instead of value
body: <p>I have a template binding that looks like this:</p>
  <pre><code>    &lt;div style=&quot;display: none;&quot; data-bind=&quot;template: { name: 'info-window-template', data: currentPlace() }&quot;&gt;&lt;/div&gt;
  
      &lt;script type=&quot;text/html&quot; id=&quot;info-window-template&quot;&gt;
      &lt;div class=&quot;infobox&quot;&gt;
          &lt;h2 id=&quot;placeName&quot;&gt;
              &lt;a data-bind=&quot;data: name(), attr: { href: website() }&quot;&gt;&lt;/a&gt;
          &lt;/h2&gt;
          &lt;h4 data-bind=&quot;data: address()&quot;&gt;&lt;/h4&gt;
      &lt;/div&gt;
      &lt;/script&gt;
  </code></pre>
  <p>and</p>
  <pre><code>var places = [
      {
        name: &quot;Austin Pizza Garden&quot;,
        address: &quot;6266 Hwy 290 Austin, TX 78735&quot;,
        website: 'http://www.austin-pizza-garden.com',
      }...]
  </code></pre>
  <p>And a Model:</p>
  <pre><code>var Place = function(data) {
    this.name = ko.observable(data.name);
    this.address = ko.observable(data.address);
    this.website = ko.observable(data.website);
  }
  </code></pre>
  <p>and ViewModel:</p>
  <pre><code>var ViewModel = function() {
    var self = this;
    self.placeList = ko.observableArray([]);
    places.forEach(function(placeItem) {
      self.placeList.push( new Place(placeItem) );
    });
    self.currentPlace = ko.observable( this.placeList()[0] );
  </code></pre>
  <p>The output works find for both <code>name</code> and <code>address</code>, but for <code>website</code>, it returns the function instead of the url, so the link doesn't work.</p>
  <p>I get this when I run this in the browser:</p>
  <pre><code>&lt;a href=&quot;function d(){if(0&amp;lt;arguments.length)return d.Wa(c,arguments[0])&amp;amp;&amp;amp;(d.X(),c=arguments[0],d.W()),this;a.k.Ob(d);return c}&quot;&gt;Austin Pizza Garden&lt;/a&gt;
  </code></pre>
  <p>Why does knockout return the function instead of the text of the url? Why does it work for <code>name</code> and <code>address</code> but not for <code>website</code>? How can I make it return the text of the url?</p>
  <p>If you open the project link you'll see that the first infobox div thats from the html actually works perfectly, but its why it gets dynamically called in the js that it breaks.</p>
  <p>Full code <a href="https://github.com/andrewcockerham/UdacityFENDP5NeighborhoodMap" rel="nofollow noreferrer">here</a>:</p>