Untitled

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<p>

  <label for="amount">Minimum number of bedrooms:</label>

  <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">

</p>

<div id="slider-range-max"></div>

<a href="#">клик</a>

  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

$(function() {

  function exampleOne(){

    $( "#slider-range-max" ).slider({

      range: "max",

      min: 1,

      max: 10,

      value: 2,

      slide: function( event, ui ) {

        $( "#amount" ).val( ui.value );

      }

    });

    $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );

  }

  exampleOne();

  $('a').click(function(){

    exampleOne();

  });

  });