Question: How can I select the element with id "list" in my code?

```
<center>
  <form id="form1">
    <div class="form-group">
      <textarea class="form-control text-center border-primary" id=list rows="3"></textarea>
      <button type="button" id="button" onclick="send();" class="btn btn-dark">Start</button><br>
    </div>
  </form>
</center>

```

I'm trying to select the element with id "list" using jQuery... 

```
var line = $('#form1 .form-group #list').val();

```

But I get the following error:

> 
> "TypeError: line is undefined"
> 
> 
>

Answer: 
The error message on the screenshot tells you exactly what’s wrong: the length of the string is beyond Bracket Highlighter’s [search threshold](http://facelessuser.github.io/BracketHighlighter/customize/#search_threshold).

> 
> The search threshold determines how many characters BH will search through to find matching brackets before giving up. This setting only affects auto-matching and not on-demand calls from the command palette and menu. By default, this value is very conservative and can be increased.
> 
> 
> 

You can increase the threshold in the package settings, but that can have an impact on performance.

**Example:**

```
// Character threshold to search
"search_threshold": 5000,

```
for turn off this, you can go this settings -> "Preferences > Package Settings > BracketHighlighter > Bracket Settings" and in left side write = ""ignore\_threshold": true", with this you turn off this problem, you will not see that problem, i think that.

Sorry for my English =)