title: JQUERY .slider() doesn't work - don't show anything
body: <p>I write this code and jquery don't show anything. I can't find where is a problem.
  Need two slider with one handle and sets values min, max, start value. It doesn't work. Jquery don't show anything</p>
  
  <pre><code> $(function() {                    
                  $('#szerokosc_schematu').slider({
                      animate: fast,
                      orientation: vertical,
                      step: &lt;?echo $step_szerokosc;?&gt;,
                      create: function(event, ui){},
                      start: function(event, ui){},
                      slide: function(event, ui){},                        
                      change: function(event, ui) {
                          $('$szerokosc_value').attr('value', $(this).slider('value')),
                          $('#dlugosc_schematu').slider({value: $(this).slider('value')});
                      },      
                      stop: function(event, ui){},
                      value: &lt;?echo $szerokosci['0'];?&gt;,
                      min: &lt;?echo $szerokosci['0'];?&gt;,
                      max: &lt;?echo $najw_szerokosc;?&gt;
                      //values: [&lt;? echo $szerokosci['0']; ?&gt;,&lt;?echo $najw_szerokosc;?&gt;]
  
                  });
  
                  $( "#szerokosc_schematu").slider( "enable" );
  
                  //var min_dlug = $("#szerokosc_schematu").slider("option","min");
  
                  $('#dlugosc_schematu').slider({
                      animate: fast,
                      orientation: horizontal,
                      step: &lt;?echo $step_dlugosci;?&gt;,
                      create: function(event, ui){},
                      start: function(event, ui){},
                      slide: function(event, ui){},
                      change: function(event, ui) {
                          $('$dlugosc_value').attr('value', $(this).slider('value'));
                      },
                      stop: function(event, ui){},
                      value: &lt;?echo $pierwsza_dlugosc;?&gt;,
                      min: $("#szerokosc_schematu").slider("option","min"),
                      max: &lt;?echo $pierwsza_dlugosc;?&gt;
                      //values: [&lt;?echo $pierwsza_dlugosc;?&gt;,&lt;?echo $najw_dlugosc;?&gt;]
  
                  });
                  $( "#dlugosc_schematu").slider( "enable" );
    });
  </code></pre>
  
  <p>HTML BLOCK</p>
  
  <pre><code>        &lt;div id="szerokosc_schematu"&gt;&lt;/div&gt; 
          &lt;div id="dlugosc_schematu"&gt;&lt;/div&gt; 
  
  
          &lt;input id="szerokosc_value" name="szerokosc_value"&gt;&lt;/input&gt;
          &lt;input id="dlugosc_value" name="szerokosc_value"&gt;&lt;/input&gt; 
  </code></pre>
  
  <p>In "jsfiddle.net" I don't see anything too. Somewhere is error but where?</p>
  
  <h2>edit</h2>
  
  <p>I correct html block:</p>
  
  
                  
               
  
  <pre><code>        &lt;div id="dlugosc_schematu" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"&gt;
              &lt;a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"&gt;&lt;/a&gt;
          &lt;/div&gt; 
  </code></pre>
  
  <p>I see slider but it still doesn't work.</p>