$(document).ready(function() {
    $("#set_state").change(function() {
        var theState = $(this).val();
        $.cookie('se', theState, {
            expires: 5,
            path: '/'
        });
    });
    $("#btncookie").click(function() {
        alert("Your Selected Value from Cookie is : " + $.cookie('set_state'));
    });
    $("#btndelcookie").click(function() {
        $.cookie('set_state', '', {
            expires: -1
        });
        $("#set_state").val("");
        alert('Cookie is deleted now, try to get cookie..!');
    });
});

Setting Validate Copy Format

#set_state{
  font-size:14px;
  border:1px solid #333;
  color:#6215ef;
}

Setting Validate Copy Format

<select id="set_state" name="state">
  <option value="" selected="selected">
  </option>
  <option value="">
    None
  </option>
  <option value="AL">
    AL
  </option>
  <option value="AK">
    AK
  </option>
  <option value="AZ">
    AZ
  </option>
  <option value="AR">
    AR
  </option>
  <option value="CA">
    CA
  </option>
  <option value="CO">
    CO
  </option>
  <option value="CT">
    CT
  </option>
  <!-- no need to post them all here -->
</select>
<input type="button" id="btncookie" value="get cookie" />
<input type="button" id="btndelcookie" value="delete cookie" />

Copy Format

Download