Various jQuery input Selectors

<form action="#" method="post">

  <div>

    <label for="name">Text Input</label>

    <br>

    <input type="text" name="name" />

    <input type="text" name="name" />

  </div>

  <hr>

  <div>

    <p>Radio Buttons</p>

    <input type="radio" name="radio" value="radio-1"> Radio One</input>

    <br>

    <input type="radio" name="radio" value="radio-2"> Radio Two</input>

    <br>

    <input type="radio" name="radio" value="radio-3"> Radio Three </label>

  </div>

  <hr>

  <div>

    <label for="checkbox">Checkbox:</label>

    <input type="checkbox" name="checkbox" />

    <input type="checkbox" name="checkbox" />

    <input type="checkbox" name="checkbox" />

    <input type="checkbox" name="checkbox" />

  </div>

  <hr>

  <div>

    <input type="submit" value="Submit" />

  </div>

</form>

<section>

  <h3 class="text-elements">Text Elements: X</h3>

  <h3 class="radio-elements">Radio Elements: X</h3>

  <h3 class="checkbox-elements">Radio Elements: X</h3>

</section>