WORKSHOP

blah!

by Korah Babu Varghese

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

<form>
  <label for="name">Name:</label>
  <input name="name" id="name" class="form-control">
  <fieldset>
    <label for="newsletter">Newsletter:</label>
    <input name="newsletter" id="newsletter">
     <input class="hi" name="newsletter" id="newsletter">
  </fieldset>
</form>
<input name="none">

JavaScript

$( "input" ).css( "color", "blue" ).val( "Labeled!" );
$("input.hi").css("color","grey");