<script src="https://code.jquery.com/jquery-git.js"></script>  <div id="test">

  <select name="single">

      <option>Single</option>

      <option>Single2</option>

    </select>

<br />

    <select name="multiple" multiple="multiple">

      <option selected="selected">Multiple</option>

      <option>Multiple2</option>

      <option selected="selected">Multiple3</option>

    </select>

<br/>

    <input type="checkbox" name="check" value="check1" id="ch1"/>

    <label for="ch1">check1</label>

​

    <input type="checkbox" name="check" value="check2" checked="checked" id="ch2"/>

    <label for="ch2">check2</label>

<br />

    <input type="radio" name="radio" value="radio1" checked="checked" id="r1"/>

    <label for="r1">radio1</label>

    <input type="radio" name="radio" value="radio2" id="r2"/>

    <label for="r2">radio2</label>

  </div>

<input type="button" id="clickme" value="Serialize div" />

<p id="hold" style="border: 1px solid red">I will hold the serialized div</p>

​