HTML select value access variable

Question

Simplified version: I am trying to make it so the 'select' HTML attribute will call a variable value. Code:

<script src="/jquery.js"></script>
<input type="radio" id="button1" value="male">Male<br>

<div id="button2"></div>


<script>
$(document).ready(function(){

    var male = 'yes';

    $(document).on('click', '#button1', function() {
        var value = $(this).val();
        $('#button2').html(value);
    });

})</script>

When the radio button is selected the div "button2" should display 'yes' (the javascript value of the variable 'male').

Answer 1

Do like

 $(document).ready(function(){

 var male = 'yes';

  $(document).on('click', '#button1', function() {
  var value = $(this).val();
  $('#button2').html(eval(value));
  });
  })

Fiddle

Answer 2

Try Like

$(document).on('click', '#button1', function() {        
   $('#button2').html('yes');
});