title: jquery knob display input on complete
body: <p>I'm using jquery knob to graphically represent my data. </p>
  
  <p><a href="https://github.com/aterrien/jQuery-Knob" rel="nofollow">https://github.com/aterrien/jQuery-Knob</a></p>
  
  <p>I'm trying to show the input value (in the center of the circle) only after the animation, but I didn't found how. My aproach was to initially set'displayInput' to false, and use the complete function to set it to true after the animation. I can see it's working for the fgColor attribute, but not for displayInput attribute.</p>
  
  <pre><code>elm.knob({
      'width': 60,
      'height': 60,
      'min': 0,
      'max': 6,
      'step': 0.1,
      'readOnly': true,
      'thickness': .5,
      'dynamicDraw': true,
      'displayInput': false,
      'fgColor': dangerLevelColor,
      'inputColor': '#7F8C8D',
      format: function (value) {
          return value + '/6';
      }
  });
  $({value: 0}).animate({value: dangerLevel}, {
      duration: 1500,
      easing: 'swing',
      progress: function () {
          elm.val(this.value).trigger('change');
      },
      complete: function () {
          elm.trigger(
                  'configure', {
                      'displayInput': true,
                      'fgColor': 'green'
                  });
      }
  });
  </code></pre>
  
  <p>Any idea? thanks!!</p>