I think my code has too many functions... can it be written better?
Please help reviewing my jQuery functions.
HTML
<div class="event_owner">
<p>
<label for="xxx">xxx</label>
<input type="radio" name="event_owner" id="xxx">
</p>
<p>
<label for="yyy">yyy</label>
<input type="radio" name="event_owner" id="yyy">
</p>
<input type="text" name="_event_owner[name]" autocomplete="off" value="">
</div>
jQuery
$(".event_owner").click(function(){
$(".event_owner input[type='text']").val($('.event_owner :radio:checked').attr("id"));
$('.event_owner p').css({"opacity":"1"});
$('.event_owner input').not(":checked").parent("p").css({"opacity":"0.3"});
});
// when page loaded and input(radio) saved
if($(".event_owner input[type='text']").length) {
$("input[id="+$(".event_owner input[type='text']").val()+"]").attr("checked","checked");
$('.event_owner input').not(":checked").parent("p").css({"opacity":"0.3"});
}