new-note | ️ 200 BYTE html snippet makes your browser into a notepad

I want to trigger button click and then call javascript code (and jQuery). Button has type submit and is inside a modal box. When user clicks 'Submit' I'd like to send some data to my Web API (and close modal box - that's why I use type submit for the button). I'm trying to debug it using alerts but I only get the first one (Test1). Here is my code:

For button:

I have 2 blocks that have button #add-note with click event and this button should open block with .add-note class. If I click on any of these buttons it opens me 2 divs but I need that button opens 1 div that appera to these div.

This question is not a duplicate of Opened a Jpeg file with notepad, pasted all the text to another notepad and saved, now my jpeg file does not work because all the answers to that question list the problem but offer no solution.

Also, I am trying not to sound like a person who does not know about encoding, I went through a painfully long refreshing blog post about encoding before writing this question.

My question is basically about trying to find a suitable character encoding (UTF-8, UTF-16, UTF-32, Japanese JIS Shift, Roman Macro etc). What character encoding I should view a JPEG file as in an editor so that if I save it using that same encoding, my jpeg still works when I open in an image editor?

Ok before you answer/comment with "it's a binary file, open it in hex editor don't use encodings", I should let you know that the purpose of my question is not that I am trying to open and save JPEG files in text editors.

Here is what I am trying to do

I am designing a web service that will exchange request in XML in which one element will contain a blob data in binary. Now since XML is a Text document so it could go through a parser, we are trying to embed that binary blob within a text document.

Now I know there are ways to do that such as encoding the blob into base64 sequence or a yEnc sequence. But that is not my question. My question is, is there a text-character-encoding that can allow me to just embed the raw binary data within the XML? I am able to build an XML like the following using a Hex editor.

Notice the .. and ? where the text viewer could not figure out what those code-points were because viewer was using ANSI.

Now, assuming there is no single character encoding that is suitable to represent all the special characters in a jpeg file and I have to work with binary. Can I treat the above XML as a big binary blob of xml document and load it into the parser? Do parsers support XML coming in as binary text?

EDIT: I found the answer to the above by writing a simple app, the .NET 4.6.2's XML Parser rejects such XML.

I have "$scope.postits" array which I want to be persisted at every change. So, I put $scope.$watchCollection on this element to listen for changes and save data. The problem is that $watch is triggered 3 times on page load (my test array has 3 entries). How to prevent that ? What's wrong with my code ?

view: