Here is my code:

```js
$("body").on('input', 'textarea', function() {

      var el  = $(this);
      var len = el.val().length;

      if (len <= 1){
     var x = new RegExp("[A-Za-z]"); // is ascii
     var isAscii = x.test(el.val().substring(0, 1));
     if(isAscii){
      el.css("direction", "ltr");
     } else {
      el.css("direction", "rtl");
     }
    }

});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea>dynamic direction</textarea>
```

My current code changes the direction of such a textarea. It is based on **the first character**:

* If the first character is either a Persian character or a sign, it sets `rlt` direction to that textarea.
* If the first character is a English character, it sets `lrt` direction to that textarea.

Well that's not what I want. **I want this:**

* If **the first letter** *(not signs)* is a English letter, then set the textarea `ltr` direction. Otherwise set it `rtl`.

---

Here is some examples:

```
var test = "..!";    // rtl
var test = "te";     // ltr
var test = "!te";    // ltr
var test = "..ق";    // rtl
var test = "مب";     // rtl
var test = "eس";     // ltr
var test = "سe";     // rtl
var test = "^سe";    // rtl
var test = ".32eس";  // ltr

```

How can I do that?