jQuery AJAX Request with non-form Data

jQuery AJAX Request with non-form Data

Hi jquery-users,
I'm attempting to use jQuery to make an AJAX request. I'm able to
successfully serialize form data from a POST submission and receive it
on the server-side.
However, I'd like to do something a little different. Rather than
submitting form data, I'd like to submit the id from a div tag (e.g.
<div id="foobar1">) to my server.
For example, a user would click one of the divs below and the id for
corresponding div should be sent in the ajax request:
<div id="foobar1"></div>
<div id="foobar2"></div>
<div id="foobar3"></div>
What would be the best way to do this? Should this be sent over as a
key/value pair in JSON format? And, should I be using $.post to do
this?
--