title: Knockout and bootstrap not binding
body: <p>I cannot get the value of my bound data-bind.  When I try to read the value it is always undefined.</p>
  
  <p>I have setup a fiddle here:</p>
  
  <p><a href="http://jsfiddle.net/tonymaloney1971/2qjhb5pw/5/" rel="nofollow">http://jsfiddle.net/tonymaloney1971/2qjhb5pw/5/</a></p>
  
  <p>I think possibly the problem could be in the way I have setup the knockout binding:</p>
  
  <pre><code>$(document).ready(function () {
      var data = [{ PostCodeStart: "", PostCodeEnd: "", Mileage: "", Notes: ""     }];
  
  
          add: function () {
  //this part is not working this.PostCodeStart() === "" 
              alert("How do I get the value of PostCodeStart");
              if (this.PostCodeStart() === "" || this.PostCodeEnd() === "" || this.Mileage() === "") {
                  alert("empty field");
              }
              else
                  this.journeyList.push({ PostCodeStart: this.PostCodeStart(), PostCodeEnd: this.PostCodeEnd(), Mileage: this.Mileage(), Notes: this.Notes() });
          },
  </code></pre>
  
  <p>Also, in my fiddle you will notice that a <li> dot is added each time I add a new row, how can I not display the <li>   .</p>
  
  <p>Thanks</p>