jQuery help needed ---- Two controls one is setting the other is not
<p>I have two controls one is setting the other is not.  Any jQuery Gurus that can assist would be great.  I am going to add all the code calls:</p>

<ol>
<li><pre><code>return {
init: function (ctrl_IDs) {
    _benefitPlans.pop();
    _categories.pop();
    _definitions.pop();
    _diagGroups.pop();
    _ageGroups.pop();
    _placeOfServices.pop();
    _serviceID = getServiceID();

    if (ctrl_IDs) {
        _ids = ctrl_IDs;
    }

    initialHideEditPanels();
    initialButtonDisable();

    bindDatePickerEvents();
    bindButtonEvents();
    bindInputBlurEvents();
    bindCheckboxEvents();
    bindRadGridEvents();

    initialDataBind();

    toggleServiceCodeInputEnabled(false);
    toggleBenefitPlanInputEnabled(false);
   }
 }
}(jQuery, $telerik));  
</code></pre></li>
</ol>

<p>We need to look at the bindDatePickerEvents();</p>

<pre><code> function bindDatePickerEvents() {
    bindDates($find(_ids.txtServiceCodeEffectiveDate), $find(_ids.txtServiceCodeEndDate));
    bindDates($find(_ids.txtBenefitPlanEffectiveDate), $find(_ids.txtBenefitPlanEndDate), _attrTypes.benefitPlan);//TODO RBD SW#6848
    bindDates($find(_ids.txtServiceCategoryEffectiveDate), $find(_ids.txtServiceCategoryEndDate), _attrTypes.serviceCategory);
    bindDates($find(_ids.txtServiceDefinitionEffectiveDate), $find(_ids.txtServiceDefinitionEndDate), _attrTypes.serviceDefinition);
    bindDates($find(_ids.txtDiagnosisGroupEffectiveDate), $find(_ids.txtDiagnosisGroupEndDate), _attrTypes.diagnosisGroup);
    bindDates($find(_ids.txtAgeGroupEffectiveDate), $find(_ids.txtAgeGroupEndDate), _attrTypes.ageGroup);
    bindDates($find(_ids.txtPlacesOfServiceEffectiveDate), $find(_ids.txtPlacesOfServiceEndDate), _attrTypes.placeOfService);
}
</code></pre>

<p>Next bindDates()</p>

<pre><code>    function bindDates(effDate, endDate, attrType) {
    //Declare variables to be used in the JavaScript Function
    var effDateID = effDate.get_id();
    var endDateID = endDate.get_id();
    var tmp = attrType;

    $(effDate.get_element()).on('validDateEntered', { effID: effDateID, endID: endDateID, type: tmp }, function (evt) {
        setEffectiveDates($find(evt.data.effID), $find(evt.data.endID), evt.data.type);
    });

     effDate.add_dateSelected(function (sender, args) {
        validateDatesRange(effDate, endDate);
    });

    effDate.get_dateInput().add_blur(function (sender, args) {
        validateDatesRange(effDate, endDate);
    });

    endDate.add_dateSelected(function (sender, args) {
        validateDatesRange(effDate, endDate);
    });

    endDate.get_dateInput().add_blur(function (sender, args) {
        validateDatesRange(effDate, endDate);
    });
}
</code></pre>

<p>Set Effective Dates</p>

<pre><code>    function setEffectiveDates(effDateCtrl, endDateCtrl, attrType) {
    var type = attrType !== undefined ? attrType : -1,
        effDate = effDateCtrl.get_selectedDate(),
        endDate = endDateCtrl.get_selectedDate(), 
        effDateString = effDate == undefined ? '' : dateToString(effDate),
        endDateString = endDate == undefined ? '' : dateToString(endDate);

    switch (type) {
        //RBD CODING ON SATURDAY MORNING CARTOONS
        case _attrTypes.benefitPlan:
            _selected.benefitPlan.eff_date = effDateString;
            _selected.benefitPlan.end_date = endDateString; 
            break;
        case _attrTypes.serviceCategory:
            _selected.serviceCategory.eff_date = effDateString;
            _selected.serviceCategory.end_date = endDateString;
            break;
        case _attrTypes.serviceDefinition:
            _selected.serviceDefinition.eff_date = effDateString;
            _selected.serviceDefinition.end_date = endDateString;
            break;
        case _attrTypes.diagnosisGroup:
            _selected.diagnosisGroup.eff_date = effDateString;
            _selected.diagnosisGroup.end_date = endDateString;
            break;
        case _attrTypes.ageGroup:
            _selected.ageGroup.eff_date = effDateString;
            _selected.ageGroup.end_date = endDateString;
            break;
        case _attrTypes.placeOfService:
            _selected.placeOfService.eff_date = effDateString;
            _selected.placeOfService.end_date = endDateString;
            break;
        default:
            _details.eff_date = effDateString;
            _details.end_date = endDateString;
            break;
    }
}
</code></pre>

<p>Finalling validateDatesRange</p>

<pre><code>function validateDatesRange(effDateCtrl, endDateCtrl) {
    var result = true,
        effDate = effDateCtrl.get_selectedDate(),
        endDate = endDateCtrl.get_selectedDate(),
        cell = $(effDateCtrl.get_element()).parents('td').first();

    if (effDate &amp;&amp; endDate) {
        if (effDate &gt; endDate) {
            var div = "&lt;div class='errorMessage' style='display:none;'&gt;Effective date must be less than end date.&lt;/div&gt;";
            $(div).prependTo(cell).fadeIn();
            result = false;
        }
    }

    if (result) {
        cell.find('div.errorMessage').fadeOut(200, null, function () {     $(this).remove(); });
        $(effDateCtrl.get_element()).trigger('validDateEntered');            
    }
    return result;
}
</code></pre>

<p>Again, the problem here is the endDateCtrl is not changing the date.  When the page opens the data is populated in a Grid and the end user clicks on an edit button and this populates a panel.  However, the effDateCtrl shows the correct date, but the endDateCtrl does not, but if you click on the edit button twice the date populates.  I am stumped.</p>

<pre><code>    function pageLoad() {
        $(document).ready(function () {
            sc.init(getClientIDs());
        });
    }
</code></pre>
