title: kendo ui using slider with a template
body: <p>I'm using a slider inside of Kendo UI Template. </p>
  
  <pre><code>&lt;script type="text/x-kendo-template" id="template3"&gt;   
    &lt;div&gt;
         &lt;b&gt; Grades: &lt;/b&gt;  &lt;br /&gt;  
         &lt;input id="slider" class="temperature" value="#= temper #"  data-bind="value:temper"/&gt;
    &lt;/div&gt;    
  &lt;/script&gt;
  </code></pre>
  
  <p>The template is called by edit function on the grid.</p>
  
  <pre><code>var grid = $("#grid").kendoGrid({                        
      editable: {
          mode:"popup",
          template:kendo.template($("#template3").html())
      },
  ...
  </code></pre>
  
  <p>I created the JS slider</p>
  
  <pre><code>var slider = $("#slider").kendoSlider({
                      increaseButtonTitle: "Right",
                      decreaseButtonTitle: "Left",
                      min: 0,
                      max: 5,
                      smallStep: 1,
                      largeStep: 2
                  }).data("kendoSlider");
  </code></pre>
  
  <p>The problem is that the Slider is not displayed on the popup editor. Only is displayed the value. Could anybody please help me?</p>