title: How to use the datepicker in html contenteditable element
body: <p>Hi I am using datepicker plugin in contenteditable element.Have to select the datepicker value in the  contenteditable div.
  Html:</p>
  
  <pre><code>&lt;div class="sample"&gt;
    &lt;input name="date" class="datepicker-input"  /&gt;
    &lt;div class="date1" contentEditable="true"&gt;test&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>$('.date').click(function() {
    $(this).parent().find('.datepicker-input').focus();
    $(".datepicker-input").blur(function(){
      var valuew = $('.datepicker-input').val() ;
      console.log(valuew);
      $(".date1").val(valuew);
    });
  });
  </code></pre>
  
  <p>the datepicker value is not assign to the div.If i use type hidden to datepicker is datepiker calender not showing.</p>