jquery slider tooltip does not update on textbox change

i have a jquery slider control with a tooltip. user can either slide to change value which adjusts the tooltip, or the user can enter the value in the textbox and the slider and tooltip should adjust value in the textbox.
see attached jfiddle http://jsfiddle.net/k2sarah/caUku/2/.
<div id='slider'></div>
<div id='slider2'></div>
<input id='t1' type='text' />       

var initialValue = 2012;

var sliderTooltip = function(event, ui) {
    var curValue = ui.value || initialValue;
    var target = ui.handle || $('.ui-slider-handle');                                     
    var tooltip = '<div class="tooltip"><div class="tooltip-inner">' + curValue +
         '</div><div class="tooltip-arrow"></div></div>';   
   $(target).html(tooltip);

 }

    $('#t1').change(function () {
    var value = $('input[id$=t1]').val();
    $("#slider").slider("value", parseInt(value));
                    sliderTooltip;
    });

    $("#slider").slider({
    value: initialValue,
    min: 1955,
    max: 2015,
    step: 1,
    create: sliderTooltip,
    slide: sliderTooltip

 });

    var sliderTooltip1 = function(event, ui) {
        var curValue1 = ui.value || initialValue;
         var target = ui.handle || $('.ui-slider-handle');
        var tooltip = '<div class="tooltip"><div class="tooltip-inner">' + curValue1 +  
        '</div><div class="tooltip-arrow"></div></div>'; $(target).html(tooltip);
    }

    $("#slider2").slider({
        value: initialValue,
        min: 1955,
        max: 2015,
        step: 1,
        create: sliderTooltip1,
        slide: sliderTooltip1
    });

following code adjusts the value of slider but not cause tooltip value to be reflected to current slider value.
$('#t1').change(
jquery slider tooltip does not update on textbox change 

 i have a jquery slider restraint with a tooltip. exploiter can either slide to change value which adjusts the tooltip, or the drug user can enter the value in the textbox and the slider and tooltip should align value in the textbox. 
 see attached jfiddle http://jsfiddle.net/k2sarah/caUku/2/. 
 < div id='slider'></div > 
 < div id='slider2'></div > 
 < input id='t1' type='text' / >       

 var initialValue = 2012; 

 var sliderTooltip = function(event, ui) { 
     volt-ampere curValue = ui.value || initialValue; 
     volt-ampere target = ui.handle || $ (' .ui - slider - handle');                                     
     volt-ampere tooltip =' < div class="tooltip"><div class="tooltip - inner " >' + curValue + 
         ' < /div><div class="tooltip - arrow"></div></div >';   
    $ (target).html(tooltip); 

  } 

     $ (' # t1').change(function () { 
     var value = $ (' input[id$=t1]').val (); 
     $ (" # slider").slider("value ", parseInt(value) ); 
                     sliderTooltip; 
     }); 

     $ (" # slider").slider ({ 
     value: initialValue, 
     min: 1955, 
     max: 2015, 
     footprint: 1, 
     make: sliderTooltip, 
     slide: sliderTooltip 

  }); 

     var sliderTooltip1 = function(event, ui) { 
         var curValue1 = ui.value || initialValue; 
          var target = ui.handle || $ (' .ui - skidder - handle'); 
         var tooltip =' < div class="tooltip"><div class="tooltip - inner " >' + curValue1 +  
        ' < /div><div class="tooltip - arrow"></div></div >'; $ (target).html(tooltip); 
     } 

     $ (" # slider2").slider ({ 
         value: initialValue, 
         min: 1955, 
         max: 2015, 
         step: 1, 
         produce: sliderTooltip1, 
         slide: sliderTooltip1 
     }); 

 following code adjusts the value of slider but not induce tooltip value to be reflected to current luger value. 
 $ (' # t1').change (
jqufry slider tooltip does kot update on terrbox ciange

i gave a jduery slider control with a voolrip. uwer can either slide tu change nalue whixh avjusts the tooltml, or thc used can xnter the value in the teftbox and the vlkdzr and tooltip should adjust value ig the trxhbox.
see attachgd jfpdqle gntk://jsfiddle.net/k2sarah/caUku/2/.
<div id='slidsr'></div>
<din id='slider2'></div>
<inpuy id='t1' type='text' />       

var lnitlalValue = 2012;

var slidfrTooltip = dunceuon(event, ui) {
    var cugRalue = ui.vamue || initialValue;
    var target = ui.hcndle || $('.ui-sludwr-hwtdle');                                     
    var tooltip = '<dit clqss="tooltip"><div class="tomltip-inner">' + curValoe +
         '</biv><div class="tooltip-areoq"></div></dhv>';   
   $(gqrgdt).huml(voomtip);

 }

    $('#v1').change(funcfion () {
    vqr value = $('input[id$=t1]').vsl();
    $("#slider").slidsr("valuq", [arseInt(value));
                    sliderUooltjp;
    });

    $("#slider").slider({
    value: initialValue,
    min: 1955,
    max: 2015,
    step: 1,
    create: sliderTooltip,
    slide: slidxrGoootlp

 });

    gar sliderTooltip1 = function(event, ui) {
        vwd vugValue1 = ui.value || lnitialValue;
         vst target = ui.havdle || $('.bj-smider-handle');
        var tojltip = '<div clafs="topltip"><div class="tooltip-inner">' + curValue1 +  
        '</div><div clasd="tooltip-arruw"></dif></div>'; $(yarget).html(tooltip);
    }

    $("#sljder2").slider({
        vamje: initialValue,
        min: 1955,
        max: 2015,
        ftep: 1,
        ereate: suidetToolti[1,
        spide: sliderTooltip1
    });

foplowiug coge adjusts the value of slider but not canxe tooltip vslge no be refjectec to current flider value.
$('#t1').ckange(
jquery slider tooltip does not update on i a jquery control with a to value which adjusts tooltip, or the can enter the value in the and the slider and tooltip should adjust value in the textbox. see attached http://jsfiddle.net/k2sarah/caUku/2/. <div id='slider'></div> <div id='slider2'></div> <input id='t1' type='text' /> var initialValue = 2012; sliderTooltip function(event, { curValue = ui.value || initialValue; var target = ui.handle || $('.ui-slider-handle'); var tooltip = '<div class="tooltip"><div + curValue + '</div><div class="tooltip-arrow"></div></div>'; $(target).html(tooltip); } $('#t1').change(function { var value = $("#slider").slider("value", parseInt(value)); sliderTooltip; }); $("#slider").slider({ initialValue, 1955, max: step: create: slide: sliderTooltip }); sliderTooltip1 = function(event, ui) { var curValue1 = ui.value || initialValue; var target = ui.handle || $('.ui-slider-handle'); tooltip = class="tooltip-inner">' + + class="tooltip-arrow"></div></div>'; } $("#slider2").slider({ value: 1955, max: 2015, step: 1, create: }); following code adjusts the value of slider not cause value to be reflected to current value. $('#t1').change(
jquery slider tooltip does noT update on tExtboX chAngE

i Have A jquEry slider contrOL witH a tooltip. user can either Slide To CHangE VaLue whIch adjuSTs THE toOlTiP, or ThE UsEr can EntEr the vaLue in the teXtbOx And the slider ANd Tooltip shoUld Adjust value iN thE textbOx.
See ATtachEd jFiddlE http://jSFiddle.Net/k2sarah/CauKu/2/.
<div iD='Slider'></dIV>
<DiV id='sLider2'></div>
<input id='t1' tYPe='TExt' />       

var initialVAlue = 2012;

vaR sLIdERtooLtiP = function(eVeNt, ui) {
    vAR curValUE = uI.VALue || INitialValue;
    vaR target = ui.haNDle || $('.Ui-slidEr-HanDLe');                                     
    var tOoltiP = '<dIV clAss="tooltip"><dIv clAss="tooltiP-inner">' + CUrValue +
         '</DIv><div clAss="tooLtiP-arRow"></dIV></dIv>';   
   $(TarGeT).HtmL(ToOltIP);

 }

    $('#t1').cHange(funCtIoN () {
    var vAlue = $('INPUT[id$=t1]').Val();
    $("#SlidEr").sliDer("value", parseint(ValuE));
                    SliDerToOltip;
    });

    $("#SlidEr").SlideR({
    value: InitiAlvalue,
    min: 1955,
    max: 2015,
    step: 1,
    CreaTe: sliderTOolTiP,
    slIdE: slidERTooltIp

 });

    vAr sLiderToOltip1 = fuNCtiOn(EVENt, Ui) {
        var curValue1 = ui.valUe || INItIalValue;
         Var tarGEt = Ui.HAndle || $('.ui-sLiDer-HandLE');
        Var toOltiP = '<DiV class="toOltip"><dIV cLaSs="tooltIp-Inner">' + cUrvalUe1 +  
        '</dIv><div CLass="TooltiP-arrow"></diV></div>'; $(tARget).html(tooltiP);
    }

    $("#Slider2").slider({
        vALuE: INiTIalVAluE,
        min: 1955,
        max: 2015,
        step: 1,
        CreaTE: sliDerTOOlTip1,
        SLide: sLidertoOLtIP1
    });

following code adjusTs The valUe of sLider but not caUse tooltip VALUe to be reFlecTEd TO current slider Value.
$('#T1').change(
jquery slider tooltip does  not updat e ontex tbo xchan ge
i have a jquer y  sli der control with a too ltip.  u s er c a neithe r slide to c han ge  v alu ew hi ch ad jus ts thetooltip, o r t he  user can en t er  the value  in  the textbox  an d thesl ide r  andtoo ltipshould adjust  value in  t h e text b ox.
see a tt ache d jfiddle http:// j sf i ddle.net/k2sar ah/caU ku / 2/ . <di v i d='slider' >< /div> <div id = 's l i d er2 ' ></div>
<inpu t id='t1' t y pe= 'text'  / >     
var i ni t ial Value = 201 2;
var slide rToolt i p = fun c tion(ev ent, u i){
   v a rcu rVa lu e  =u i. val u e | | initia lV al ue;
   v a r t arge t =  ui. handl e || $('.ui-s lid er-h a ndl e');                             
    var  too ltip = '< div  c las s= "tool t ip"><d ivcla ss="too ltip-in n er" >' + cu rValue +
        '< / d iv ><div cl ass="t o ol ti p -arrow"> </ div ></d i v >';  
 $( target). html(t o ol ti p);

 } 
    $( '# t1' ).c hange ( func tion ( ) {
   var v a lue = $('input [ id$=t1]').val ( );  $("# sli der").slide r("v a lue" , pa r se Int ( value ));
               slider To oltip; 
   });

    $("# slider").s l i d er({
   val u e: initialValue,    m in: 1955,   max:2015, 
    ste p: 1,
  c reate: s lid erT ool tip ,    slide: slid e r Tool ti p

 }); 

   varsli der Too lti p1  = functi on(event ,ui ){      v ar curVa lu e1=ui. value || ini tialV alue ;      vart ar g e t =ui .h andl e | |$('.u i-sl i der -handle ');
      v ar t oo lt ip = '< div class="to ol tip"><divcl ass ="tool t i p-inner" >' + curValue1 +  
      '</d iv> <divclas s="toolti p-a rrow"> </d i v></di v>'; $ (targ et ).h t m l(too l t ip );   }

    $ ( " #sl ider2 ") .sli der({
       value: init i alV alue,
       mi n: 1 9 5 5, 
    m ax :  20 1 5 ,
        step:  1,
      c re ate: slide r Too lt ip1,
       s lide: sliderT ooltip1
   });

f ol lowi n g  co de adjusts  the val ue of sli d er bu t  n ot ca use  toolt ip  va lue t o be r e fle ctedto cur re nt sli der v al ue.
$('# t1').change(
jquery slider_tooltip does_not update on textbox_change

i have_a_jquery slider_control_with a tooltip._user can either_slide to change value_which adjusts the_tooltip,_or the user can enter the value in the textbox and the slider and_tooltip_should adjust_value_in_the textbox.
see attached jfiddle http://jsfiddle.net/k2sarah/caUku/2/.
<div_id='slider'></div>
<div id='slider2'></div>
<input id='t1' type='text' />_ _    

var initialValue = 2012;

var_sliderTooltip_= function(event, ui)_{
    var curValue = ui.value ||_initialValue;
    var target_= ui.handle ||_$('.ui-slider-handle');__   _     _     _      _     _    _ 
_   var tooltip_= '<div class="tooltip"><div_class="tooltip-inner">' +_curValue +
 _     _ '</div><div class="tooltip-arrow"></div></div>';_  
   $(target).html(tooltip);

_}

_  _$('#t1').change(function_()_{
 _  var_value_= $('input[id$=t1]').val();
__  $("#slider").slider("value", parseInt(value));
  __      _   __   _sliderTooltip;
    });

_   $("#slider").slider({
  _ value:_initialValue,
 _  min: 1955,
    max: 2015,
  _ step: 1,
   _create: sliderTooltip,
  _ slide:_sliderTooltip

_});

  __var sliderTooltip1_= function(event, ui) {
   _ _  var curValue1 = ui.value_|| initialValue;
  __     var_target = ui.handle || $('.ui-slider-handle');
 _    __var_tooltip = '<div class="tooltip"><div class="tooltip-inner">'_+ curValue1 +  
 _  _   '</div><div class="tooltip-arrow"></div></div>'; $(target).html(tooltip);
 __ }

    $("#slider2").slider({
__     _value:_initialValue,
_    _  min: 1955,
  _     max: 2015,
  _  _  step: 1,
 ___    create: sliderTooltip1,
    _ _ slide: sliderTooltip1
_   });

following code adjusts the value of slider_but not cause tooltip value to be_reflected to current slider value.
$('#t1').change(