A variable is breaking my code
<p>I am trying to build a custom calculator for a website I develop. I am a new developer and this is a bit over my head but I am trying to learn. </p>

<p>I am trying to grab 2 variables and combine them into 1 and then use that to call a div from another page through ajax. Well the problem I am having is that when I add the code to combine the 2 vars, it makes the page break and I am not sure why.</p>

<pre><code>     $(function(){
        $("input:radio[name=f_1]").click(function() {
          var type = $(this).val();
        });
        $("input:radio[name=f_1a]").click(function() {
          var prod = $(this).val();
        });

        var JobType = type + prod;
    });
</code></pre>

<p>You can see it live here: <a href="http://rdmproductions.com/dev/" rel="nofollow">http://rdmproductions.com/dev/</a></p>

<p>if you take the line for the JobType variable, the page will act as it should. I just don't understand what's happening and how to fix it.</p>
