title: JQuery is not getting the value of select object
body: <p>I am using two dynamic Objects(One is Select and another is radio button) in a pop-up window. Then call their value to pass on Ajax function. But due to some unknown reason , it does not work. When I Remove radio button it works fine. </p>
  
  <p>PHP code to generate objects:</p>
  
  <pre><code>$submit_newform=
  '&lt;form method="POST"&gt;
  &lt;div id="waiting" style="display:none; font-weight:bold"&gt;Please wait ...&lt;/div&gt;&lt;br /&gt;
  &lt;table width="100%" border="0" cellspacing="3" cellpadding="3"&gt;
    &lt;tr&gt;&lt;td colspan="4"&gt;&lt;h1&gt;Add Component Itinerary&lt;/h1&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;`
      &lt;td width="25"&gt;Service:&lt;/td&gt;
  
      &lt;td width="25"&gt;
      &lt;select name="cmb_service" id="cmb_service" class="dropdown2"&gt;
      &lt;option value=""&gt;-Select-&lt;/option&gt;';
      foreach($services as $k=&gt;$v)
      $submit_newform.= "&lt;option value=".$k."&gt;".$v."&lt;/option&gt;";
  
      $submit_newform.= '&lt;/select&gt;&lt;/td&gt;
  
      &lt;/tr&gt;;
  
  
   $submit_newform.='&lt;tr&gt;&lt;td&gt;&lt;input type="radio" name="package" id="package" value="package"` `class="packagetype" onClick="callservice_provider();"&gt;Package&lt;/input&gt;&lt;/td&gt;&lt;td&gt;&lt;input` `type="radio" name="package" id="package" value="nopackage" class="packagetype"` `onClick="callpackages();"&gt;Without Package&lt;/input&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/form&gt;';
  </code></pre>
  
  <p>and jquery part is as follows:</p>
  
  <pre><code>$(document).ready(function() {
  
          $('input.packagetype').click( function( event ){
              var value = $(this).val();
              if(value =="package")
                  {
                      alert("show package");
                  }
              else
              {
                  var destination = $("#destination").val();
                  var service_val = $(cmb_service).val();
                     alert(destination+"+"+service_val);
                  $.ajax({
                          type : 'POST',
                          url : '../enquiries/getpricebyajax',
                          dataType : 'json',
                          data: {
                                  service : service_val,
                                  destno : destination
                          },
                          success : function(data) {
                                 alert("success");
                                 $('#divserviceprovider').text('');
                                 $('#divserviceprovider').append(data.msg);
                                 $('#divserviceprovider').show(500);
                                 if (data.error === true)
                                      $('#divserviceprovider').show(500);
                          },
                          error : function(XMLHttpRequest, textStatus, errorThrown) {
                              alert("success");
                                  $('#waiting').hide(500);
                                  $('#divserviceprovider').removeClass().addClass('error')
                                      .text('There was an error.').show(500);
                                  $('#divserviceprovider').show(500);
                          }
                  });
                  return false;
              }
          });
  });
  </code></pre>
  
  <p>Both of objects <code>select</code> and <code>radio button</code> does not work together. Please suggest me.</p>
  
  <p>Thanks in advance.</p>