HTML Date Display from Input

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="col-md-4">
							<h4>Insert Date Here</h4>
								<form role="form">  
									<div class="row">
									  <div class="col-xs-12">
										<div class="input-group input-group-md">
											<input type="text" class="form-control" placeholder="MM/DD/YYYY"/>
										  <div class="input-group-btn">
											<button id="get" class="btn">Insert Date</button>
										  </div>
										</div>
									  </div>
									</div>
								</form>							
</div>

<div class="col-md-12">
						<p id="holidayMsg">
							Nisi odio purus mattis. Habitasse nunc enim cursus cum est aenean nisi, enim odio, ultricies, sit arcu platea, pid, turpis. Parturient, arcu sed tristique? Placerat, <span id="msg"></span> parturient, non ridiculus aenean porttitor mauris amet! Elementum in ridiculus, scelerisque proin, risus, turpis magna dignissim habitasse, dis sed, eros. Ut rhoncus sed, lectus tincidunt.
						</p>						
</div>

CSS

span {
  font-weight: bold;
}

JavaScript

$("#get").click(function (e) {
    e.preventDefault(); 
    var d = new Date( $('input:text').val() );
    var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
		var day = days[d.getDay()];
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    var month = months[d.getMonth()];
    var date = d.getDate();
    var output = day+", "+month+" "+date;
     $('#msg').html( output ); 
});