 <input type="text" placeholder="Place Name">
 <br>Try <a href="#">Albuquerque</a>
 
+	     <div class="sliderContainer"><div id="dateSlider"></div></div>
 
 <label for="">When (slide to pick year range)</label>
- <input id="test" type="range"/>
+<input id="minDate">
+<input id="maxDate">
 
 <br><input type="button" value="click to search">
 </blockquote>

          $("#dateSlider").bind("valuesChanged", function(e, data){
          	console.log(data);
          	var bd=("0" + (data.values.min.getDate())).slice(-2) ,




          	bm=("0" + (data.values.min.getMonth() + 1)).slice(-2),
          	by=data.values.min.getFullYear();

          	console.log('by: ' + by);
          	console.log('bm: ' + bm);
          	console.log('bd: ' + bd);
      console.log("Values just changed. min: " + data.values.min + " max: " + data.values.max);
    });


