title: Why is jQuery not getting this value?
body: <p>I am using jQuery to grab values of the form and make an AJAX POST call and post the values to a .php file, which processes the values into the db. </p>
  
  <p>Whenever I try to test with<code>alert()</code> if I got the value, everything works except the stock value... I can't find what I'm doing wrong..</p>
  
  <p>jQuery:</p>
  
  <pre><code>var title = $("#title").val();
  var text = $("#text").val();
  var summary = $("#description").val();
  var keywords = $("#keywords").val();
  var price = $("#price").val();
  var stock = $("#stock").val();
  var brand = $("#brand").val();
  
  var product = product;
  
  alert(title);
  alert(stock);
  </code></pre>
  
  <p>The form:</p>
  
  <pre><code>&lt;form class="form-horizontal form-inline"&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-sm-3" for="title"&gt;Product:&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="title" name="title" placeholder="Enter new title"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-sm-3" for="price"&gt;Price:&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="price" name="price" placeholder="Enter new price"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-sm-3" for="stock"&gt;Stock:&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="stock" name="stock" placeholder="Enter new stock"&gt;
              &lt;/div&gt;
              &lt;div class='form-group'&gt;
                  &lt;label class="control-label col-sm-3" for="text"&gt;Text:&lt;/label&gt;
                  &lt;textarea class='form-control' rows='5' id='text' name='text' placeholder='Enter new text'&gt;&lt;/textarea&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-sm-3" for="description"&gt;Description:&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="description" name="description" placeholder="Enter new description"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-sm-3" for="brand"&gt;Brand:&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="brand" name="brand" placeholder="Enter new brand"&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;label class="control-label col-sm-3"  for="keywords"&gt;Keywords:&lt;/label&gt;
                  &lt;input type="text" class="form-control" id="keywords" name="keywords" placeholder="Enter new keywords"&gt;
              &lt;/div&gt;
              &lt;a href="#" id="updateProductRecord" pid="&lt;?php echo $pro_id; ?&gt;"&gt;&lt;button type="submit" id="submitUpdateProduct" class="btn btn-default"&gt;Submit&lt;/button&gt;&lt;/a&gt;
              &lt;/form&gt;
  </code></pre>