title: Not able to send data over http to server using $.get() or $.post() in jQuery
body: <p>I am just a beginner at jQuery or web coding.</p>
  
  <p>I have created a jQuery slider which is programmed in a WiFi tiny server chip.
  I am getting the slider graphics working, on client when connected to the tiny server with ip address <code>192.168.0.19</code></p>
  
  <p>However, the slider is not sending any data to the tiny server.</p>
  
  <p>I have previously successfully sent data to tiny server with button click and <code>$.get()</code> function in jQuery.</p>
  
  <p>But <code>$.get()</code> function is not working with the slider. </p>
  
  <p>I must be missing something here which I can't figure out even by looking at other examples here. Please help me fixing the problem. Thanks.</p>
  
  <p>Here is the slider code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang = "en"&gt;
  &lt;head&gt;
  
  &lt;meta charset = "utf-8"&gt; 
  &lt;link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-
  ui.css" rel = "stylesheet"&gt; 
  &lt;script src = "https://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;     
  &lt;script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt; 
  &lt;script src="js/custom.js"&gt;&lt;/script&gt; 
  
  &lt;script&gt;
  
  $(function() {
  
  $( "#slider" ).slider({
  
    orientation: "vertical",
    range: "max",
    value: 80,
    min: 0,
    max: 100,
  
    slide: function( event, ui ) {
      $("#amount").html(ui.value);
  
    }
   });
  
   var value = $( "#slider" ).slider( "value" );
   $( "#amount" ).html( value );
  
   $.get("value");
  
  });
  
  &lt;/script&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
  
  &lt;script type="text/javascript" src="js/jfunc.js"&gt;&lt;/script&gt;
  
  &lt;div id="slider" style= "margin-top: 50px; margin-left: 200px; height:300px; 
  width: 13px; background: #f22;"&gt;&lt;/div&gt;
  
  &lt;div id="amount" style="color:#f22;font-size:75px; margin-left: 50px; 
  margin-top: -250px;"&gt;&lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>