<script type="text/javascript">
$(document).ready(function() {
$('#gender').change(function() {
if($(this).find('option:selected').val() == 'Male' && $('#size').find('option:selected').val() == 'Large') {
$('#results').val() == 'Size Large - The Most Basic Size'
}
else if($(this).find('option:selected').val() == 'Female' && $('#size').find('option:selected').val() == 'Large') {
$('#results').val() == 'Size Large - The Second Most Basic Size'
}
else {
$('#results').val() == 'Nothing'
};
});
});
</script>
The goal is simple: Check the values of two select boxes and change the value in the #results input with the first select change function. This is probably pretty simple but I know I'm doing it wrong since it's not working....;)