How to pass js code to string gracefully?

Programming in javascript: How to pass js code to string gracefully? on newest questions tagged javascript – Stack Overflow

There is my code

<input type="radio" name="category" id="elementary" value="elementary" /> 1
<input type="radio" name="category" id="junior" value="junior" /> 2
<input type="radio" name="category" id="senior" value="senior" /> 3
<input type="radio" name="category" id="university" value="university" /> 4
<input type="radio" name="category" id="profession"/> 5

<div id='grade_select' class="clearfix">
  <div id='elementary_grade' class="clearfix"></div>
  <div id='junior_grade' class="clearfix"></div>
  <div id='senior_grade' class="clearfix"></div>
  <div id='university_grade' class="clearfix"></div>
  <div id='profession_grade' class="clearfix"></div>
</div>

I want:

When check one radio, need to hide all the div in grade_select, and then show the div which id include the current radio value

There is my js code , I do not know how to going on

   <script type="text/javascript">
    $(document).ready(function($){
      $( "input[name='category']" ).bind( "click", category_select)
    });
    function category_select(){
        $("div:[id=this.attr[id]]).show()
    }
    </script>

FYI: This question is a spinoff of this other question.

source: http://stackoverflow.com/questions/10672033/how-to-pass-js-code-to-string-gracefully
Programming in javascript: programming-in-javascript