I have always been against the principle of helping people to prepare for an interview. All the interview tips are great to help them prepare for joining the workforce but in the process, their unique personalities (and habits) lay buried under the cover stories about commitment, passion and skillsets. It’s all so scripted.

This is probably the reason why one-hour interviews fail to unearth the real person within; and only after the employee has joined your company that you realize they have lied in their resume; they are just all talk, no walk; they cannot work under minimal supervision or with any other team members; or they have the tendency to make the company adapt to their likes and preferences (true story).

Recommended Reading: Weird Questions Asked During A Job Interview

The Existing Problem

When advice-mongering sites give candidates sample answers to give, and the candidates take those sample answers to their interviews, everyone becomes the same faceless drone. That’s when recruiters may have to resort to unorthodox interview methods to separate the sheep from those who know what they are doing.

And let’s face it, half an hour is real easy to fake through, and does little to nothing to help you decide. Plus, most resumes are spell-checked (any interview guide will suggest doing that) and hyped up, so if you base you base the recruitment on just their CV, the candidate in real-life may come up short of your expectations.

Hiring talent

Unless you are searching for someone who will only be doing one thing over and over again, chances are you need them to be great problem-solvers. But don’t just ask them how they would solve a problem, introduce these problems into the interview (not during the probation period, or after they are confirmed).

If you want your employees to have certain ‘talent’ criteria, there should be an effort to make them display their talent in the interview room itself. Heineken did exactly this to sort through candidates for their internship program. It’s a classic case of "don’t tell me, show me" and it’s just brilliant.

But the best video to really illustrate this is the test scene in Men In Black. I know it’s just a movie but the principle’s the same. Put them in an uncomfortable position (see: make things ridiculously uncomfortable) and see how they react.

Put Ants In Their Pants

Textbook methods are only going to get you average, mediocre candidates to join your company. Short of putting ants in their pants, there are a lot of things you can do to spruce up the atmosphere in the interview room, for instance:

Asking off-track questions

Simple questions like "How did you get here this morning? Was the traffic bad?" can ease them into putting their guard down, and revealing more about their true self.

Plus, you get an inside look into their lifestyle: does he take public transport, does he live far from here, does he drive, does he still live with his mother, and if he has an opinion on how to solve problems, or if he is the wait-and-see kind.

Distract them

Put up special items in the room, items that are designed to distract. One of the things that will work pretty well is a mirror, or a reflective surface. You’d be surprised at how many candidates think looking good during the interview trumps paying attention to the questions.

The best place for it, right above your head, behind you. Even when they steal peeks, you’d notice.

Test Their Drive

Some jobs require you to be non-tolerant of certain situations. A chef should be picky about the quality of his raw materials, a restaurant manager about cleanliness, or a sales rep about sale quotas. Apply this to the interview process, and you can give an editor an IQ test that is riddled with mistakes, a biodata form in Comic Sans to a designer to fill in, or put a hideous vase near the corner of the interview room when interviewing an interior designer.

When their natural instincts get the best of them and they voice out about these ‘atrocities’, you know you got the right person for the job.

Catch Them Off Guard

Rather than resort to oddball questions, there are many other ways to catch a candidate off guard and see how well they approach problems. For instance:

• in your expected salary section in the company form, put only 3 boxes and see the answers that candidates give
• turn up late for the interview and say, "Oh, you’re early" and watch how they tackle with the situation
• bring in the resume for another (non-existing) candidate, explain the mistake and watch how the candidate try to sell him/herself and trump the ‘other’ candidate.

Conclusion

Sometimes, though, it boils down to how you click with the candidate. You might even consider trying to simulate an actual working environment or to explain how things are going to work if the candidate gets the job. Understanding where candidates are coming from — after peeling all the surface layers — may help find you a candidate that will be a great addition to your company.

Recruiting is a costly endeavor but it is not worth getting a bad apple to join in the growing orchard. Rather than choosing to extend the lengths of probation periods, you can always just throw them into the heat of the battle and see how they escape the zone or better yet, win the battle.

What interview methods have you tried out which helped you catch a great addition to your company?

jQuery is one of the most popular JavaScript library on the planet, which offers a lot capabilities. Using jQuery, we can easily manipulate – replace, insert, remove – elements within an HTML document and even create animation.

In this post, we are going to take a look at how to create or insert new elements within DOM with the jQuery Append method.

Recommended Reading: JQuery: Creating And Inserting New Element – Part II

Insert New Element

Appending is a method of creating and inserting new element within a specified element, it technically inserts the new element right before the closing tag of that specified element – thus becoming its child element.

Before we proceed, we will first show you how to do it purely with JavaScript, so you can see how much simpler jQuery can make the method.

In JavaScript, before we are able to add an element to the document, we need to define (create) the element. We can use .createElement() function to create a new element. In the following example, we create a new <div> element and store it in a variable named div.

 var div = document.createElement('div'); 

By the time we define a new element with this function, it only creates the element, but it doesn’t insert the new element to the document. We need to call one function, that is .appendChild() to insert that element. In the following example, we will insert this new <div>, simply, in the body document.

 var div = document.createElement('div'); document.body.appendChild(div); 

If we inspect the document in Developer Tool, you should see that our div element has been inserted there, before the body closing tag.

Now, let’s see how we do the same thing with jQuery. jQuery makes manipulating document elements simpler. jQuery provides a function called .append().

In the following example, we append a <div> to body document.

 $('body').append('<div>'); 

Like what we have demonstrated with JavaScript, the code line above returns the same result. It creates a new element and inserts it before the body closing tag. But we did it in fewer lines of code.

A note to remember, JavaScript does not save or alter document physically. Thus, when we view the actual document source, the elements that are generated by JavaScript will not be found.

Insert New Element with Text

Let’s go a bit further with this method. This time, we will insert a new element with text inside it. Like before, we will see how to do it purely with JavaScript.

To do so, we need to define the new element and the text. Since we will add text, we can create a paragraph element in this example.

 var p = document.createElement('p'); // create new paragraph element 

Next, we need to define the text. The text in JavaScript is created using .createTextNode() function. In this example, we store the text value in a variable named txt.

 var p = document.createElement('p'), txt = document.createTextNode('This is the text in new element.'); 

At this point, we have two variables, which store the new element and the text respectively. However, they are still separated and can stand alone. To insert the text to the new element we have created, we can run the same .appendChild() function, like so.

 p.appendChild(txt); 

Then again, we run .appendChild() to insert the element to the body document.

 document.body.appendChild(p); 

If we see it in the browser or through the Developer Tool, we get:

In jQuery, the process is simplified. Instead of separately defining two variables for the text and the new element, we can write them together with .append() function, like so.

 $('body').append('<p>This is the text in new element.<p>'); 

The above code essentially does the same thing, it will insert the the text with <p> element to the body (before the body closing tag).

Final Thought

You can see that using jQuery with .append() function, we are able to dynamically add new elements in a slimmer way than using pure JavaScript. But of course, there are times when using the JavaScript is better than loading jQuery Library – which is why we will also show you how to do it.

This article is only the beginning. In the next part, we will see how to insert element in more advanced way. So, stay tuned!

If you have some questions upon our discussion in this post, feel free to add it in the comment box below.