Metacat

	// get the current data values (and operator)

	$("#" + containerId).append("(");

	$(".dataClass").each(function(index) {

		var clone = $(this).clone();

		var value = $(this).val();

		var name = $(this).attr("name");

		var id = $(this).attr("id");

		// put the data conditions in as hidden params

		$("#" + containerId).append("<input type='hidden' name='" + name + "' id='" + id + "' value='" + value + "'");

		// with a text representation

		if (index > 0) {

			$("#" + containerId).append(" ");

		}

		$("#" + containerId).append(value);

	});

	$("#" + containerId).append(")");

							<tr>

								<th>

									<p>and data values</p>

								</th>

							</tr>

							<tr>

								<td>

									<div id="characteristicData">

										<select id="dataOperator" name="dataOperator" class="dataClass">

											<option value="EQUALS">=</option>

											<option value="NOT EQUALS">!=</option>

											<option value="LESS THAN OR EQUALS">&lt;=</option>

											<option value="LESS THAN">&lt;</option>

											<option value="GREATER THAN OR EQUALS">&gt;=</option>

											<option value="GREATER THAN OR EQUALS">&gt;</option>

											<option value="LIKE">like</option>

											<option value="NOT LIKE">not like</option>

										</select>

										<input type="text" id="dataValue" name="dataValue" class="dataClass"/>

									</div>

								</td>

							</tr>