title: When Radio button checked, datetime picker does not show and checked false doesnt work
body: <p>I have two radio button, Deliver Now and Delivery at. Deliver Now is default checked. If the customer wants at later delivery when he clicks the delivery at button, the date picker must be shown and Delivery Now radio button must be unchecked. But these dont happen. The date picker is not shown and Delivery Now radio doesnt turn to unchecked. What is the wrong with my code? Can Anyone help. Thanks.</p>
  
  <p>Below you can see my view;</p>
  
  <pre><code>&lt;div class="checkout-nameoncake-itemcontainer"&gt;
      &lt;div class="checkout-nameoncake-name"&gt;
          &lt;label class="label-checkout-deliverytime"&gt;Deliver Now(~ 45dk.)&lt;/label&gt;&lt;input type="radio" id="DeliveryNowRadio" checked="checked" name="DeliveryNow" value=" " /&gt;
          &lt;label class="label-checkout-deliverytime"&gt;Delivert at &lt;/label&gt;&lt;input type="radio" id="DeliveryLaterRadio" name="RequestedDeliveryDate" value=" " /&gt;
      &lt;/div&gt;
      &lt;div class="checkout-nameoncake-details"&gt;
          &lt;input type="date" name="name" class="datepicker" id="datepicker" style="margin: 17% 0 0 5%;border-radius: 7%;border: solid;border-width: thin;border-color: lightblue;display:none" value="" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below you can see my jquery. </p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function () {
          $("#DeliveryLaterRadio").click(function () {
              $("#DeliveryNowRadio").prop("checked", false);
              $(".datepicker").css("display", "inline-block");
          });
  
          $("#DeliveryNowRadio").click(function () {
              $("#DeliveryLaterRadio").prop("checked", false);
              $(".datepicker").css("display", "none");
          });
      });
  &lt;/script&gt;
  </code></pre>