title: datepicker and other popups hidden behind modal popup
body: <p>I have a jquery popup modal which I am invoking like this</p>
  
  <pre><code>function showDialog(clickid,reportid) {
           var clickid=clickid;
           var reportid=reportid;
              reportFilterDialog= $("#reportFilterDialog").modal({
                autoOpen: false,
                draggable: true,
                resizable: true,
                height: 220,
                width: 420,
                zIndex: 1001,
                //modal: true,
                title: 'Populate Report Parameters'
  
     });
  </code></pre>
  
  <p>In this modal I am having a datepicker invoked on button click.. like this</p>
  
  <pre><code>       jQuery(function() {
                 jQuery( "#from_date" ).datetimepicker({ dateFormat: 'yy-mm-dd',
                     showSecond: true,
                     timeFormat: 'hh:mm:ss',
                     changeMonth: true,
                     changeYear: true,
                     showOn: "button",
                     zIndex:9999,
                      buttonImage: "/gra/images/icons/fugue/calendar-month.png",
                     buttonImageOnly: true });
         });
  </code></pre>
  
  <p>where from_date is input field id..</p>
  
  <p>I still see that the datepicker pops up behind the modal popup. I have set the z-index of datepicker to be higher that modal, but its not working. I have also set the <code>.ui-datepicker</code> z-index to 9999 in the datepicker css and jquery css which had the property. <br>
  Also any other popup invoked from the modal popup loads up behind the modal.. 
  How do I fix this issue?</p>