Question: I am trying to get div value using jquery in chrome console from this:

```
<div class="col-md-3">
  <div class="vou-col" style="cursor: pointer">
    <h4>Free Large Bucket</h4>
    <span class="sku-info">Voucher123</span>
  </div>
</div>

```

I am getting the following error:

**$('.sku-info').val()**

VM783:1 

> 
> Uncaught TypeError: $(...).val is not a function
>  at :1:21
> 
> 
>

Answer: 
```
$(".sku-info").attr('value')

```

should do the trick since this control is not an input
**Problem**

It seems that your jQuery is running in no conflict mode - so `$` is the browser console's native function. This is often the case if using a version of jQuery which comes bundled with a CMS such as WordPress or Drupal. 

**Solution**

You can use the full version:

```
jQuery(".sku-value").text();

```

We can infer this is the case because the error is ".val(...) is not a function" - if it were jQuery then .val *would* be a function. 

**Useful debugging tip**

You can check to see if `$` is jQuery by seeing if it has a version number 

```
console.log($.fn.jquery)

```

If $ is jQuery then this will log a version number - something like "2.1.1". If $ jQuery is not jQuery, it'll log undefined.