jQuery input box

by mark47

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<br />
<br />
<form class="form-horizontal">
  <div class="control-group">
    <label class="control-label" for="inputEmail">Email</label>
    <div class="controls">
      <input type="text" id="inputEmail" placeholder="Email">
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="inputPassword">Password</label>
    <div class="controls">
      <input type="password" id="inputPassword" placeholder="Password">
    </div>
  </div>
  <div class="control-group">
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox">Remember me</label>
      <button type="submit" class="btn">Sign in</button>
    </div>
  </div>
</form>

JavaScript

$("#inputEmail").click(function () {
  $(".control-label").css('color', 'red');
});
$('.btn').click(function () {
  var val = $('#inputEmail').val();
  console.log(val);
  return false;
});