Error in reference : Variable was not defined

Question

Because it has error in the variable if in a fiddle ( -> http://jsfiddle.net/8xwqdk71/ <- ) does not present this error?
Can it be anything other than Js libraries? Because they have all been defined
(Code that when clicking, rotates the image)

var value = 0
$("#image").rotate({
  bind: {
    click: function() {
      console.log(value);
      value += 90;
      $(this).rotate({
        animateTo: value
      })
    }
  }

});

#image {
  margin: 100px 100px;
}

<script src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://raw.githubusercontent.com/wilq32/jqueryrotate/master/jQueryRotate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">

Answer 1

Just reverse the order of the script calls, and call jQuery before all.

Thus:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://raw.githubusercontent.com/wilq32/jqueryrotate/master/jQueryRotate.js"></script>
<img src="https://www.google.com/images/srpr/logo3w.png" id="image">