Jquery is not getting the value of select object
<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>
