Thanks for the help. I think I'm screwing something up though.
Below is my code, including the show/hide javascript. Could that possibly be causing a conflict?
<script type="text/javascript">
//show / hide
$(document).ready(function() {
$("input[name$='haveRooms']").click(function() {
var test = $(this).val();
$("div.desc").hide();
$("#isThis_" + test).show();
});
});
//change class
$('input[name="haveRooms"]').change(function() {
var isYes = $('#haveRooms_yes').is(':checked');
$('#numRooms').toggleClass('required', isYes);
$('#isThis_Yes').toggle(isYes);
});
</script>
<form method="post" id="freeform" action="/forms/testpt/testpost">
<fieldset>
<p>Do you have a place for rent?<span class="required">* </span> </p>
<label for="haveRooms_no" class="radio">
<input type="radio" name="haveRooms" value="No" id="haveRooms_no" class="required" checked="checked" />No
</label>
<div id="isThis_LookingForPlace" class="desc">
{!-- NO CONTENT --}
</div>
<label for="haveRooms_yes" class="radio">
<input type="radio" name="haveRooms" value="Yes" id="haveRooms_yes" />Yes
</label>
<div id="isThis_Yes" class="desc" style="margin-left:50px;border:0px solid #ff00ff;display:none !important;">
<fieldset>
<p><label for="numRooms">How many rooms?</label>
<select name="numRooms" id="numRooms" >
<option value="">Rooms Available</option>
<option value="One Room">One Room</option>
<option value="Two Rooms">Two Rooms</option>
<option value="Three Rooms">Three Rooms</option>
<option value="Four Rooms">Four Rooms</option>
</select></p>
</fieldset>
</div>
</fieldset>
<fieldset>
<p><span class="form_submit">
<input type="submit" name="submit" value="Submit" />
</span></p>
</fieldset>
</form>